Skip to content

Typography & Fonts

Total includes a custom Typography class built exclusively for Total that provides you with a live preview while in the Customizer so you can see font and typography changes right…

Altering Default Fonts & Typography

By default the Total WordPress theme does not use any font-smoothing on the site. A lot of themes add font-smoothing by default but it's really a bad habit because it…

Enable Font Smoothing For “Thinner” Fonts

ImportantThis older guide is intended for developers, in Total 5.0 we released a new Font Manager admin panel where you can easily add your own custom fonts via the WordPress…

How To Add Custom Fonts using Code

By default the Total theme only loads the Latin subset for Google fonts (fonts selected under Appearance > Customize > Typography). If you are using a specific language on your…

Selecting Font Subsets (some characters aren’t showing on your site)

Since Total 3.2.0 you can now easily disable all Google fonts right via the Theme Panel. This will not only remove the default Open Sans font but also remove all…

Disable Google Fonts Completely

The Font Manager in the Total WordPress theme is a part of the Total Theme Core plugin which allows you to quickly and easily add or upload custom fonts to…

Register Custom Fonts via the Font Manager

If you go into the Customizer under the Typography tab you can find settings to alter heading styles (h2, h3, h4, h5, etc). These settings have been coded to only…

Why Customizer Heading Typography Settings Don’t Affect Builder Elements or Entries?

By default the Total theme uses the system UI stack for the site font which is the fastest font because it will use the native font of the visitors computer/device…

How to Set Your Global Font Family

As you may be aware the Total theme includes a CSS utility framework which is used for the majority of the theme's styling to keep the code as slim and…

Modifying and Using Global Font Sizes

By default the Total theme uses a 600 font weight for all bold text on the site which is slightly lighter then the default 700 value used for "bold" fonts…

How to Change the Font Weight used for Bold Text

By default when a word is too long inside of a heading the word will break onto the next line. This is done to prevent the text from overflowing on…

Allow Long Word Overflow and Prevent Heading Word Breaks

In the Total theme you can easily customize your link styles. You can easily alter the default color, underline, underline offset and underline thickness of your site links. Simply go…

Customize Links Color & Underline

The Total theme includes preset fluid font sizes which can be used via utility classes or via certain settings in the Customizer or builder elements. It's recommended to use these…

How to Use Preset (variable) Font Sizes in Elementor
Back To Top