Font Management

The Font Manager helps you organize and manage your fonts efficiently. You can work with local fonts, Google Fonts, and system fonts all in one place.

Adding Local Fonts

The Font Manager supports multiple formats:

  • TrueType Font (.ttf)
  • OpenType Font (.otf)
  • Web Open Font Format (.woff)
  • Web Open Font Format 2 (.woff2)

To add a new font:

  1. Click "Add Font" in the local fonts section
  2. Select your font file
  3. The manager will attempt to detect font metadata automatically
  4. If needed, manually provide:
    • Font name (required, case-sensitive)
    • Weight (optional: 100-900, normal, bold)
    • Style (optional: normal, italic, oblique)

Managing Font Variants

Adding Variants

  1. Select the target font family
  2. Click "New Variant"
  3. Choose the variant file
  4. Specify weight and style
  5. Save to add to the font family

Editing Variants

  1. Click the edit (pencil) icon on the variant
  2. Adjust weight and style settings
  3. Click the checkmark to save

Removing Variants

  1. Click the trash icon on the variant
  2. Confirm deletion

Font Playground

Test your fonts using the Font Playground:

  • Enter custom text in "Sample Text"
  • Adjust size with the slider (5-50px)
  • Preview text in all available weights and styles
  • Compare variants side by side

Managing Font Sets

Removing Font Sets

  1. Select the font family
  2. Click the trash icon in the top-right
  3. Confirm deletion

Renaming Font Sets

  1. Select the font family
  2. Click the edit icon by the font name
  3. Enter new name (case-sensitive)
  4. Click checkmark to save

Google Fonts Integration

Access Google Fonts directly:

  1. Click the "Google" tab
  2. Browse or search available fonts
  3. Select a font to view variants
  4. Fonts are automatically downloaded and cached

Search Functionality

Use the search bar to find fonts:

  • Search across all libraries (Local, Google, Built-in)
  • Results grouped by source
  • Supports partial matches
  • Case-insensitive search

Best Practices

  • Use consistent font naming conventions
  • Remove unused variants to keep library organized
  • Test fonts in playground before applying
  • Use search for large font collections
  • Consider Google Fonts for web-safe typography