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…

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…

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…

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…

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…

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…

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…

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…

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…

Modifying and Using Preset 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…

How to Change the Font Weight used for Bold Text
Back To Top