Documentation is work in progress and not completeEditor
Text

Character-Level Formatting

All character-level formatting is accessible in the Character section of the Properties Panel while text is selected (in both selection mode and text-edit mode).

Font Family

The typeface applied to selected characters. FlashFX provides access to:

  • -System fonts — fonts installed on the local operating system and accessible to the browser
  • -Google Fonts — the full Google Fonts library, loaded on demand (requires internet connection on first use)
  • -Uploaded fonts — custom font files (OTF, TTF, WOFF, WOFF2) uploaded by the user to their account

Font Search: The font family dropdown includes a search field. Type any portion of a font name to filter results.

Font Preview: Each font in the dropdown previews with a short text sample in that typeface.

Font Weight

The weight variant of the selected font family. Available weights depend on the font. Common weights:

ValueName
100Thin
200ExtraLight
300Light
400Regular
500Medium
600SemiBold
700Bold
800ExtraBold
900Black

Font Style

Italic or Oblique, when available in the font family. Italic is a designed alternate style; Oblique is a mechanical slant applied to the regular style when a true italic is not available.

Faux Italic: When a true italic is not available, FlashFX can apply a synthetic oblique slant. This is a visual approximation and is generally less refined than a true italic. Indicated by an asterisk in the style selector.

Font Size

The size of the text in pixels. Range: 1px to 2000px. Fractional values are supported (e.g., 14.5px).

Relative Sizing: While multiple characters are selected with different sizes, changing the font size applies relative scaling: typing +4 increases all selected characters by 4px regardless of their individual starting sizes.

Underline and Strikethrough

Underline: A line drawn beneath the text baseline.

  • -Style: Solid, Dashed, Dotted, Double
  • -Color: Independent of the text fill color
  • -Thickness: Weight of the underline in pixels
  • -Offset: Vertical distance from the baseline in pixels

Strikethrough: A line drawn through the middle of the text. Style, Color, and Thickness controls are identical to Underline.

Superscript and Subscript

Superscript: Reduces character size and raises it above the baseline. Used for footnote markers, exponents.

Subscript: Reduces character size and lowers it below the baseline. Used for chemical formulas.

Size reduction factor and vertical offset are configurable in Typography Settings.

All Caps and Small Caps

All Caps: Converts all selected characters to uppercase in the rendered output. The underlying text data is not modified.

Small Caps: Renders lowercase letters as uppercase letters at a reduced size (typically 70-80% of the regular cap height). When the font includes OpenType small caps glyphs, those are used; otherwise FlashFX synthesizes them.

Character Spacing (Tracking)

Adjusts the uniform spacing between all characters in a selection. Measured in em units (1000 = 1em) or pixels, depending on the unit setting.

  • -Positive values spread characters apart
  • -Negative values bring characters closer together
  • -0 = the font's default spacing

Kerning

Adjusts the spacing between two specific adjacent characters. Distinct from tracking, which applies uniformly to all characters in a selection.

Auto Kerning: FlashFX applies the font's built-in kerning pairs automatically.

Optical Kerning: An algorithmic kerning mode that analyzes the actual shapes of adjacent characters and applies spacing corrections even when the font's kerning table does not include that pair.

Manual Kerning: Place the cursor between two characters and adjust the kerning value in the Properties Panel to apply a custom correction.

Baseline Shift

Moves selected characters vertically relative to the text baseline without changing font size or line height. Positive values move characters up; negative values move them down.

Useful for: custom superscript and subscript refinement, mixed-size type alignment, and creative typographic treatments.

Horizontal Scale and Vertical Scale

Horizontal Scale: Widens (above 100%) or narrows (below 100%) the character horizontally.

Vertical Scale: Stretches (above 100%) or squashes (below 100%) the character vertically.

These are non-typographic transforms applied after rendering the glyph. They do not change the font's optical proportions the way a condensed or extended font variant would.