Logo of MyStyleGuide.io, a platform for sharing style guides and branding resources.
Screenshot of MyStyleGuide's Font Manager with font list and settings.

Font Manager

Organize, document, and showcase your brand’s typography.

Font Manager

The Font Manager is where you document and organize your brand's typography system. Add your brand fonts, define how they're used, include helpful notes, and connect them to your visual theme.

Fonts added here can be displayed throughout your brand guide using the Font Gallery component, making it easy for designers, developers, and collaborators to understand your typography standards.


What You Can Do

From the Font Manager, you can:

  • Add and manage brand fonts
  • Document font usage
  • Assign fonts to your theme
  • Add fallback fonts
  • Include licensing or implementation notes
  • Manage external font sources
  • Reorder fonts
  • Save your typography system

Everything is organized to help you maintain clear, consistent typography across your brand.


Brand Fonts

Each font you add becomes part of your documented typography system.

For every font, you can define:

  • Font name
  • Typeface
  • Intended usage
  • Fallback fonts
  • Notes
  • Theme role

Together, this information helps everyone understand not only which font to use, but when and how to use it.


Font Name

A descriptive label used within your brand guide.

Examples include:

  • Headline
  • Body
  • Accent
  • Caption

Typeface

The actual font family used for that role.

Examples include:

  • Inter
  • Tiempos Headline
  • Source Sans Pro

Usage

Describe where the font should be used.

Examples include:

  • Headlines (H1–H3)
  • Body text
  • Buttons
  • Captions
  • Navigation

Providing usage guidance helps maintain consistency across your brand.


Fallback Fonts

Specify alternative fonts that should be used if the primary typeface is unavailable.

This helps developers implement reliable font stacks while preserving your brand's appearance.


Notes

Add any additional information that may be useful, such as:

  • Licensing requirements
  • Recommended spacing
  • Accessibility considerations
  • Usage guidelines

Theme Role

Assign the font to one of your theme's typography roles.

Available roles include:

  • Headlines
  • Paragraphs
  • Accent or specialty text

These assignments allow your Theme Manager to automatically reference the correct fonts throughout your guide.


Organizing Fonts

Fonts can be reordered using drag-and-drop.

The order you choose determines how fonts appear within the Font Gallery component, allowing you to present your typography system in a logical, easy-to-follow sequence.


External Font Sources

Many fonts are loaded from external providers.

The Font Manager allows you to document and manage these sources alongside your typography system.

Examples include:

  • Google Fonts
  • Adobe Fonts
  • Self-hosted font stylesheets

For each source, you can provide:

  • A descriptive name
  • The font URL

Keeping your font sources documented makes it easier for designers and developers to implement your typography consistently across projects.


Managing Font Sources

External font sources can be:

  • Added
  • Edited
  • Reordered
  • Removed

Changes are saved together with your typography settings.


Saving Your Typography

Click Save Settings to apply your changes.

Your updated font library, theme assignments, and external font sources become available throughout your brand guide.


Permissions

Owners and Managers can create, edit, and organize typography settings.

Users with view-only access can view published typography documentation but cannot modify fonts or font sources.


Summary

The Font Manager serves as the documentation hub for your brand's typography system.

From here you can organize fonts, define their purpose, assign them to your theme, manage external font sources, and create clear typography guidelines that keep every project consistent and on brand.

Modern, colorful MyStyleGuide.io logo with a sleek "M" design.

Sharing your brand just got easier

MyStyleGuide.io helps teams prevent off‑brand mistakes by giving everyone a single, reliable place to access your brand assets and guidelines. Built with thoughtful design and real‑world branding experience, it makes communicating your identity simple, consistent, and effortless
© 2023 - 2026 MyStyleGuide.io
  |  
Website Design by: 
Graphic Finesse