FotoGrids includes a built-in font picker that gives you access to the full Google Fonts library — over 1,000 typefaces — plus a set of system fonts, all without leaving the Gallery editor. Font choices apply per-setting and are loaded automatically on the frontend only when used.
How Font Pickers Work #
Font family and font weight controls appear alongside any text setting that supports custom typography — for example, Title Font Family and Title Font Weight in the Captions panel.
Font Family
The font family picker is a searchable dropdown organised into two groups:
- System — five fonts available on every device without any network request: Arial, Helvetica, Times New Roman, Georgia, and Courier New.
- Google Fonts — the full Google Fonts catalogue, loaded on demand when you open the picker. Each option is rendered in its own typeface so you can preview before selecting.
The full Google Fonts list loads the first time you open a font picker in a session. If your connection is slow, a curated set of 10 popular typefaces appears as a fallback while the full list loads.
Searching — type into the search field to filter both groups simultaneously. The list updates as you type.
Scrolling — the Google Fonts list is long. Scroll to the bottom of the dropdown to load the next batch of results.
Default option at the top of the list means the setting is unset and inherits the font from your theme.
| Setting | Font Family |
| Default | Default (inherits theme font) |
Font Weight
The font weight picker lists nine standard weights, each labelled and rendered at its own weight so the difference is immediately visible:
- Thin (100), Extra Light (200), Light (300), Regular (400), Medium (500), Semi Bold (600), Bold (700), Extra Bold (800), Black (900)
Default inherits the weight from your theme. Not all Google Fonts support every weight — if you select a weight the font doesn’t include, the browser falls back to the nearest available weight.
| Setting | Font Weight |
| Default | Default (inherits theme weight) |
Where Font Controls Appear #
Font family and font weight controls are available wherever a text element supports custom typography. Currently:
Captions panel — Title Font Family and Title Font Weight control the title line of thumbnail captions. Located at Gallery Settings → Captions → Item Title.
More surfaces will gain font controls as they are added.
How Fonts Are Loaded on the Frontend #
FotoGrids loads only the fonts you’ve actually selected — no blanket stylesheet is enqueued on every page.
- System fonts (Arial, Helvetica, Times New Roman, Georgia, Courier New) require no network request. They’re available on every device.
- Google Fonts are loaded via a single combined Google Fonts API stylesheet, requested once per page regardless of how many Galleries use the same font. If multiple Galleries on the same page use different Google Fonts, they are bundled into one request.
Google Fonts are loaded from Google’s servers. If your site operates in a region where Google’s CDN is restricted, or if you have a strict data privacy policy, consider using system fonts instead.
Coming Soon — Global Typography System (Pro Plus) #
Right now, fonts are set per Gallery, per setting. The Global Typography System (coming in Pro Plus) will let you define reusable font and text styles once and apply them across all your Galleries and Albums from a single central place — keeping every part of your presentation consistent, scalable, and on-brand.
