Settings

Fonts (Blocks)

The Fonts screen manages which typefaces appear in your blocks’ typography picker — the Google Fonts you want available, plus your own uploaded custom fonts. Where: WP Admin → Tiger Blocks → Settings → Fonts. Google Fonts By default the block font picker offers the top 100 most popular Google families. This screen lets you search […]

2 min read Updated July 14, 2026

The Fonts screen manages which typefaces appear in your blocks’ typography picker — the Google Fonts you want available, plus your own uploaded custom fonts.

Where: WP Admin → Tiger BlocksSettingsFonts.

Google Fonts

By default the block font picker offers the top 100 most popular Google families. This screen lets you search the full bundled catalogue (nearly 2,000 families) and add the extra ones you use, so your editors pick from a curated list rather than the whole library.

When a block actually renders with a Google family, Tiger Blocks collects every family in use on the page and prints one combined fonts.googleapis.com/css2 request in the footer — a single stylesheet call instead of one per block. Only families that exist in the bundled catalogue are requested (an unknown family would fail the whole combined request), and web-safe or system families are skipped since they need no download.

Custom fonts

Upload your brand font files and they become selectable anywhere the picker appears. Custom fonts are served from your own site, so a bespoke brand typeface loads with no third-party dependency.

Performance tips

  • Add only the families you actually use — a shorter list keeps the picker fast and discourages font sprawl.
  • Fewer distinct families means a smaller combined request and fewer files to download.

Troubleshooting

A font shows in the editor but not on the live page

The combined Google request is printed only when a block on that page uses the family, and only for families in the bundled catalogue. Confirm the block’s typography control is set to the family (not left on a --tiger-* token or a system default), and clear any page cache so the footer stylesheet is re-emitted.

My uploaded custom font is not applying

Re-check that the font was added on this screen and that the block’s font-family control is set to it by name. Because custom fonts are self-hosted files, also make sure the upload succeeded and the file is readable from the uploads directory.

Still stuck?

We’re here to help

Can’t find what you’re looking for, or hit something that looks like a bug? Reach the support team or ask the community.