Typography generally has a learning curve for most people, even developers. We normally do not include extensive font options in our themes because of that. We usually refer customers to seek out a font plugin—and we still do because they are more comprehensive.

Then there is the fact that a theme has way too many text elements to have a setting for every single one, so many themes will only include the most common ones.

But as we state, typography and themes can have a steep learning curve. You generally have a few options:

  1. Manually customize fonts and text-based elements in a page
  2. Use a font plugin
  3. Just use the existing styling that comes with the theme

Typography, as it applies to fonts and font management can be overwhelming, so we gave you some help in this area by adding a Typography section to the customizer.

empt typography settings tab

Site Title Font and Size

Let’s start with the Site Title and it’s very own font options. We kept this separate in the Site Identity tab of the customizer.

empt site identity tab

If you are not using a logo, then you can change your site title’s font and “some” attributes, which depends on the font you choose.

  1. Go to Appearance >> Customize >> Site Identity
  2. Look for the font settings and then make your changes. You can see your changes in the preview window to the right.
    empt site title font settings
  3. Click Publish at the top when done.

Primary Font – Your Main Body Text

We’ve made this a simple concept for this theme, starting with the main body text (font). Changing this setting will change the font for the body.

empt primary font setting

Make your selection from the drop-down setting. We use Google fonts here, so you can reference the Google Fonts website to select the font you want.

Secondary Font – Your Headings

Just like the primary font, here you will choose the font for your headings and titles. These are headings such as your h1, h2, h3, h4, h5, and h6, but also, for your page and post titles.

empt secondary font setting

Font Size

This setting is global, meaning that this will change the font size for “ALL” text on your website. Try it out and if you want to reset it, click on the reset icon on the far right of the slider.

empt font size setting

 

Helpful Font Info Links

  • Fonts Information: If you need to learn more about fonts and typography, we recommend you start with the W3Schools website for Fonts.
  • Text Styling: They also have information about CSS Text.
  • Google Fonts
  • Languages: This is probably the most confusing part, is the “Languages” support, so language support info might help.
Do You Still Need Help?

If you find this is overwhelming, or you have some text that you are trying to change the size of, please submit a support ticket and we will be happy to help guide you through.