Upload and use your own fonts

You upload your own font under Settings > Brand settings, in the Custom fonts section, using the Upload font button. Working file formats are .ttf, .otf, .woff, and .woff2. After that you pick the font in the Designer and in the three brand font slots.

Upload a font

  1. Go to Settings > Brand settings.
  2. Scroll down to Custom fonts.
  3. Click Upload font.
  4. Select one or more font files. You can pick several weights and styles at once.

The Brand settings tab saves on its own, so there is no save button. Screenbird reads the family name, the weight, and the style from the file and groups the variants under the family name. Click a family to expand its variants.

Which file formats work

  • .ttf, .otf, .woff, and .woff2: all of them work.

Screenbird converts nothing: the file you upload is stored and delivered exactly as it is.

The three brand font slots

Under Fonts on the same tab you get three slots that you use everywhere in your brand settings:

  • Heading: large titles and main headings
  • Subheading: secondary titles and section labels
  • Body: paragraphs, lists, and smaller text

For each slot you pick a font plus the weight and the style. You can point all three slots at the same font.

Use a font in a design

  1. Open the design in the Designer and select a text element.
  2. Open the font menu in the right-hand panel.
  3. The list starts with two headings: Brand, holding the fonts from your three brand slots, and Upload, holding the fonts you uploaded yourself. The standard library sits below those.
  4. Pick your font. The text updates right away.

Screens fetch the font file from Screenbird, so it does not have to sit on the device itself. See also Working with the Designer.

Delete a font

  1. Go to Settings > Brand settings.
  2. Find the family in the Custom fonts section.
  3. Click the trash icon to the right of the family to remove every variant, or expand the family and remove a single variant. The tooltip on that icon reads Remove font.

Deleting also wipes the font file itself. Designs that use that font can no longer load it and fall back to a standard font, so only delete fonts you no longer use anywhere.

Licenses

Before you upload, check whether your license covers use on digital signage. Plenty of fonts allow it, but fonts that are only free for personal use often do not.

Tips

  • Upload every weight your brand uses. If the bold variant is missing, the browser fakes one, and that usually looks thin.
  • Test a new font on a real screen: from a distance a font reads differently than it does on your laptop.

© screenbird.app