WordPress: How to change the fonts

Many of our themes come with some standard font options in the Customizer. You can find this in the “Font Options” tab if you theme has this option.

If you would like more advanced font controls, you may wish to use the free Easy Google Fonts plugin. If this is not installed already, you can install this by going to Plugins > Add New in your dashboard. Then search for “Easy Google Fonts”.

Important information!

After installing the plugin, DO NOT use the “Default Typography” tab in the Customizer. The controls in this tab will not work correctly. Instead, you should create your own Custom Font Controls (see the guide above for further information on this). To get you started, we have created a range of Custom Fonts Controls for you to use. You can import these into your site by following the steps below:

1. Install and activate the Easy Google Fonts plugin on your site.

2. Download this file by right clicking and selecting “Download linked file as…” or “Save linked file as…” (or similar) as shown below:

3. Go to Tools > Import in your dashboard:

4. Select “WordPress” from the options:

If you are asked to install a plugin to do this, please follow the instructions on screen to do this.

5. Browse to the file you downloaded in step 2.

6. Click the button.

7. Select your user account to be the author:

Leave the other options as default. Then click the “Submit” button. The Custom Font Controls should now be imported.

8. Go to Appearance > Customize

9. click the “Typography ” tab on the left:

10. Ignore the “Default Typography”. The controls you have just imported are located in the “Theme Typography” tab:

11. You should see lots of new options. Have fun 🙂

If you would like to create more font controls, you may wish to check out this guide.

Please note: This article is provided in the hope it will help you, but we cannot offer further support for third party plugins. If you need help with the Easy Google Fonts plugin, please ask on the official support forum.

Article tags: font, font size, typography, how to make font larger, how to change fonts, how to edit font

Was this article helpful?

32 Comments

  1. Jenn Kelsey

    Hey, how do I change the main Paragraph Text. I dont see that in the options, I only see Header 3, 4, & 5, but not the standard Paragraph text. I have the You & Me Theme and I would love to be able to change the font of my posts.

    1. Phil (pipdig)

      Hi Jenn, that’s the “Post and Page Text” option

  2. Amber

    Hi Phil,

    I’ve tried this option and gotten to step 7 where it says “Sorry, there has been an error.
    This does not appear to be a WXR file, missing/invalid WXR version number”. Is there an easier way to change font size and style? I noticed in your other videos some themes have the option to customize their blogs with an easy ‘font option tab’, but my Minim theme does not have that option. Right now I’m finding my font very small and hard to read. Is there a fast and easy way to fix this? I figured this would be a pretty standard change.
    Thanks in advance for your help!
    Amber

    1. Phil (pipdig)

      Hi Amber, it looks like you have now imported the controls and increased the text size. Let me know if you need any more help 🙂

  3. Jo Beale

    Hi Phil
    I’ve reached step 4 and have activated Easy Google Fonts. On the plugins page on the dashboard, it does ask me to install an importer plugin. I’ve followed the instructions on screen, as you say to do in step 4. This is called WordPress Importer. I clicked on the ‘details’ tab of WordPress Importer before activating and there’s a warning message at the top of the screen alerting me to the fact that this plugin hasn’t been tested on the latest version of WordPress. (It hasn’t been updated for one year.) What should I do?

    Also, I’m not sure I understand what you mean in step 5 (when I get past the issue in step 4). When you say ‘Browse to the file you downloaded in step 2, do you mean the ‘custom-font-controls.xml now in my Downloads folder? It’s just that if I click on it, it’s a page of coding. Or, will the step 5 instruction become clear once I’ve downloaded the Importer plugin? (Sorry, I’m just really untechy-minded!)

    Thanks very much for your help
    Cheers
    Jo

    PS My website is currently ‘under construction’.

    1. Phil (pipdig)

      Hi Jo, you can safely install the WordPress Importer plugin even though it has not been official marked as compatible with the latest version of WordPress. Step 5 should be more clear once you reach that point. You’re correct in that you would select that particular file from you downloads 🙂

  4. Chicca

    Hi, I’ve succesfully uploaded Easy Google Font, I also have the Theme Typography tab but I cannot change the font of the title because if I go to Feauture/Title font in Font Options I only have 9 font in my Holly & Weave theme

    1. Phil (pipdig)

      Hi Chicca, if you import the font controls from this guide then you will be able to change the post titles via the “Theme Typogaphy” tab. This can be used instead of the “Feature/Title font” option.

  5. Amanda

    Olá, Phil!
    Tem algum jeito que eu possa deixar todas as imagens em destaque automaticamente do mesmo tamanho ao posta-lás?
    Obrigada!

    1. Phil (pipdig)

      Hi Amanda, would you be able to send me a link to a post showing this issue?

  6. Jasmine

    Hi Phil,
    Could you please help me in finding a shortcode that allows me to create a text box around a paragragh or quote such as the one in this post? http://www.lily-like.com/its-my-birthday/

    Its the square/box portion…
    thanks so much! I have been searching for months and can’t figure out how to do it.

  7. Peri

    Hello,

    my step 2. Download this file by right clicking and selecting “Download linked file as…” or “Save linked file as…” (or similar) as shown below: has an error when I ‘Upload and import file’.

    Also is it possible to change the font of the Title?

    Thank you.

    1. Phil (pipdig)

      Hi Peri, that’s strange, I’m not sure what would cause that error. If you try again from a different browser does that work?

      You will be able to change the main title font after importing the controls.

      1. Peri

        Hi Phil,
        I have tried in Chrome and Safari. Once I upload the file, this is the error message

        Sorry, there has been an error.
        This does not appear to be a WXR file, missing/invalid WXR version number

        Anything else i can try?

        Thanks.

        1. Phil (pipdig)

          I just tried importing the fonts and it seems to be working for me. So I’m guessing something might be going wrong during the download. If you’d like to send a support request via the “contact us” button at the top of this page I’ll see if I can import it for you.

  8. Pia

    Hey Phil, I use a lot of quotes for my blog. How can I change the font size for quotes? Thanks!

  9. Brielle

    Hi there! I downloaded and installed Google Fonts and changed the body text to Open Sans, but now I cannot bold any text within the body of my posts (or throughout the site). How can I change this? Thank you!

  10. stephanie zhang

    Hi, does Valentine come with different font options?

    1. Phil (pipdig)

      Hi Stephanie, after importing the font controls in the guide above you will be able to change any of the fonts. If you need any help with that just let me know.

  11. Emori

    When trying to upload the file i’m getting the following error:

    Failed to import “Site Header/Logo”: Invalid post type tt_font_control
    Failed to import “Site Tagline”: Invalid post type tt_font_control
    Failed to import “Post and Page Text”: Invalid post type tt_font_control
    Failed to import “Post and Page Titles”: Invalid post type tt_font_control
    Failed to import “Post Meta/Dates”: Invalid post type tt_font_control
    Failed to import “Widget Titles”: Invalid post type tt_font_control
    Failed to import “Primary Menu/Navbar”: Invalid post type tt_font_control
    Failed to import “Read More Buttons”: Invalid post type tt_font_control
    Failed to import “Post Content H2”: Invalid post type tt_font_control
    Failed to import “Post Content H3”: Invalid post type tt_font_control
    Failed to import “Post Content H4”: Invalid post type tt_font_control
    Failed to import “Popular Posts Widget Post Titles”: Invalid post type tt_font_control
    Failed to import “Post Slider Titles”: Invalid post type tt_font_control

    1. Phil (pipdig)

      Hi Emori, did you complete step 1 of the guide above?

  12. juelz

    I have the equinox theme,am wondering how do i change the font size on my categories on the navigation bar .

    1. Phil (pipdig)

      Hi Juelz, you can do that by following the steps above. We’ve included a font control for the primary menu in step 2

  13. Mary-Anne

    Hi! I want to apply a font that is not in the list of the Easy Google Font plugin. Is there a way to apply this font?

    1. Phil (pipdig)

      Hi Laura, you can change this text by using the “Post and Page Text” control which is imported at step 3 above.

  14. Sadie

    I don’t have the typography tab in my customizer. I have the Ghost Shell template and I would like to change my fonts! How do I do that, or does my template not support it? Thanks

    1. Phil (pipdig)

      Hi Sadie, it sounds like you might have missed the first step in the guide above. I’ve simplified the contents now, if you’d like to re-read it and try again. Let me know if you have any other questions.

Leave a comment


The link to your website will be visible to support staff only. It will not be shown publicly.