Impreza
Zephyr
Guide
Support Forum

Typography

Updated 2 days ago

All global typography settings are available at Impreza > Theme Options > Typography.

If the Live Builder is enabled, you can edit those typography settings within the live preview. Click the "Edit Live" link in this case.

Changing the global "Font Size" option affects the size of all website areas/elements that use "rem" units for sizing.

Typography settings can be changed separately for every theme element via their Design settings.

Which Fonts Can I Use? #

You can use: 

Web-safe Font Combinations #

Web-safe fonts are fonts already installed on the vast majority of users' devices, so there's no need to load them from the internet. Other font types may look similar across devices but can render slightly differently.

Google Fonts #

Google offers a library of hundreds of free fonts. When you select a Google Font, its files are loaded directly from Google's servers.

Variable Fonts #

Variable fonts are a modern, efficient font format that lets you generate countless style variations — different weights, widths, and more — from a single font file, instead of loading a separate file for each variation.

Key benefits:

  • Faster page load times — one font file replaces multiple static files, reducing the number of requests and the total font payload.
  • Precise weight control — instead of being limited to fixed presets like 300, 400, or 700, you can choose any weight value within the font's supported range, giving you much finer control over typographic appearance.
  • Adjustable width (font stretch) — control how condensed or expanded the typeface appears, within the range supported by the specific font. See the examples in the screenshots below.

Uploaded Fonts #

If you need a specific font, or prefer not to load fonts from Google's servers, you can upload font files manually.

How to upload fonts

Impreza supports only woff/woff2 font types. To convert your font files to woff/woff2 use the web font generators, for example:

By default, WordPress blocks uploads of font file formats. You can allow such uploads by opening your site via FTP and adding the line of code below to the wp-config.php file:

define('ALLOW_UNFILTERED_UPLOADS', true);

Upload your font file(s) at Impreza > Theme Options > Typography > Uploaded Fonts, using the newly added group.

If you need different font weights of the same font, upload weights as separate groups and set the same Font Name for these groups. Check the example screenshot:

Regular files correspond to weight 400, bold files to 700 — but use the same Font Name for both groups. This generates a single font with two weights, which will then appear as a selectable option in the elements' typography settings.

Uploaded fonts are available at:

  • Design settings of all elements
  • Theme Options > Typography > Customize Live 
  • Theme Options > Button Styles (after a page refresh)
  • Theme Options > Fields Style (after a page refresh)
  • any element via custom CSS: 
    .your_element { font-family: Font Name; }

FAQ #

How to add extra fonts to the elements? #

In case you need an additional font (or font weight) not listed in the typography settings add it at Theme Options > Typography > Additional Google Fonts.

Selected Additional Google Fonts will be available in the Design settings of any element. 

How do I use multiple font weights for fonts selected in Typography settings? #

The easiest way is using variable fonts. If your desired font is not variable, read below.

In most cases, two font weights — one for regular text and one for bold — are enough for fonts specified in Theme Options > Typography. To improve site loading speed, other font weights aren't loaded by default.

If you need more than two Font Weights for a specific font, add this font via "Additional Google Fonts" and activate the checkboxes for needed Font Weights:

My site loads font files that aren't specified in the Typography settings. Why? #

These fonts are most likely used for icons — learn more here.