ActiveUI

ActiveUI

  • User Guide
  • Developer Documentation

›Guides

About

  • Introduction
  • Changelog

Getting Started

  • Step by Step
  • Development Environment
  • Artifacts
  • ActiveUI Application
  • Usage as an npm Dependency
  • Initialization
  • Project Architecture

Guides

  • Adding KaTex fonts
  • Adding Servers
  • Authentication
  • Bookmark favorites
  • Charts
  • Configuring Widget Handlers and Actions
  • Container
  • Custom UI components with Ant Design
  • Data manipulation
  • Debugging
  • Deployment
  • Internationalization
  • MDX Manipulation
  • Plugins
  • Reporting
  • Settings
  • Tabular View and Pivot Tables
  • Testing

Reference

  • API Reference
  • Default Widget Bookmarks
  • Plugins
  • Settings

Advanced

  • Content Server Setup
  • Experimental Features
  • Maven Integration
  • Offline Installation
  • Script-based Integration

Adding KaTex fonts

The Text Editor supports KaTex mathematical formulas being rendered within Markdown. To fully benefit from this formatting, a set of fonts is provided by the KaTex library that is not included in ActiveUI SDK by default.

Font resources

The fonts files can be found on KaTex's github

For each font, you will have to add a @font-face style declaration in your project.

For example with a bold font such as KaTeX_Fraktur-Bold:

@font-face {
  font-family: 'KaTeX_Fraktur';
  src: url(path/to/fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'), url(path/to/fonts/KaTeX_Fraktur-Bold.woff) format('woff'), url(path/to/fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}

Depending on the font name's suffix, you will have to adapt the font-weight and font-style attributes to match the type of font.

← Project ArchitectureAdding Servers →
  • Font resources
Copyright © 2023 ActiveViam