Fonts

Fonts

All Vibe templates use Open Sans by default. Custom fonts cannot be added through the Admin Console or Portal, but the Vibe.fyi support team can add them for you. Once added, your custom fonts will be applied across your templates.

Design requirements

Designing fonts for digital signage requires a few additional considerations. Ensure fonts remain readable at:
  • Large display sizes
  • Long viewing distances
  • Different screen resolutions
Please provide three font categories to ensure your theme renders correctly.
  1. Heading / Subheading
    Example: OpenSans-Bold
  2. Body
    Example: OpenSans-Regular
  3. Accent / Emphasis
    Example: OpenSans-Italic

Character and Language Support

Font files must include the Latin-Extended character set to ensure correct rendering of:
  • Diacritics
  • Macrons
  • Accented characters

This is particularly important for languages such as Māori.

If your signage will display multiple languages, ensure the font supports the required character sets and Unicode blocks. For example:

  • Latin-Extended-A / B – many European languages
  • Greek – Greek alphabet characters
  • Cyrillic – Eastern European languages
  • Arabic / Hebrew – right-to-left scripts

Before submitting your fonts, verify that they support the characters required for the languages your signage may display, and test using sample text that includes accented letters, macrons, symbols, and any non-Latin characters you need.





Testing font files

Before submitting your fonts, test them to ensure they render correctly across characters and languages. Use the following sample text to verify diacritics, punctuation, and special characters:
Āā Ēē Īī Ōō Ūū — Māori kōrero: “Āe, mō ngā tūpuna.”
Price; $3.50 — ref#A17, @àrchïvé %Test &Check*.

This tests:

  • Diacritics and macrons
  • Special characters
  • Punctuation
  • Uppercase and lowercase characters
  • Numbers and symbols

File format requirements

Fonts must be supplied as: .WOFF (Web Open Font Format)

Converting fonts to WOFF

If your fonts are not already in .WOFF format, you can convert them using a third-party tool. Example tools:
  1. Font Preview Tester fontsee.com


How to Submit Fonts

Organising font files

When submitting fonts, use clear names to distinguish font styles. Examples:

  1. OpenSans-Regular.woff
  2. OpenSans-Bold.woff
  3. OpenSans-Italic.woff
  4. OpenSans-Light.woff

Font licensing

Vibe.fyi cannot be held responsible for licensing issues. Only provide fonts that are licensed for commercial use and digital display. Before submitting fonts, ensure you have the correct licensing. You must have:

  • Web font licensing
  • Display licensing suitable for digital signage

Once your fonts are ready:

  1. Convert them to .WOFF format
  2. Organise them clearly
  3. Place them in a ZIP file
  4. Send the files to the Vibe.fyi Support team
The support team will:
  • Verify compatibility
  • Ensure fonts are optimized for signage
  • Update your theme with the custom fonts

Word Emphasis within the Editor

In the slide editor, the Bold button is used for visual emphasis, not to switch to a bold font variant. Because slides use responsive text sizing and dynamic layouts, switching font weights mid-sentence can change character widths and affect layout calculations. Instead, the editor applies emphasis styling, allowing individual words to stand out without affecting text layout.
Alert
Emphasized text may appear slightly different from headings or text blocks that use a true Bold font variant.

Using True Bold Fonts

If you want text rendered using the actual bold font weight, apply the Heading font style to the entire text block using the Text tab.

Info
See the bold emphasis applied to "Word emphasis" within the Title and Summary in the example. The Theme uses Poppins-Extrabold as a Heading Font and Poppins-Regular for a Body Font