{"id":30082,"date":"2020-03-10T13:42:31","date_gmt":"2020-03-10T11:42:31","guid":{"rendered":"https:\/\/xneelo.co.za\/help-centre\/?p=30082"},"modified":"2025-03-24T15:45:31","modified_gmt":"2025-03-24T13:45:31","slug":"change-website-fonts-wordpress","status":"publish","type":"post","link":"https:\/\/xneelo.co.za\/help-centre\/website\/change-website-fonts-wordpress\/","title":{"rendered":"How to change website fonts in WordPress"},"content":{"rendered":"

After you\u2019ve chosen a theme for your WordPress site, you\u2019ll probably want to customise it to make it your own.<\/span><\/p>\n

One feature that really impacts the look and feel of your website is the use of fonts. If you like the default choice of fonts provided by your theme, then there\u2019s no reason to change it. However, if you prefer, most themes allow you to easily change the choice of fonts of either the headings or body text. Here\u2019s how:<\/span><\/p>\n

Option 1: Adjust fonts via the Customizer<\/span><\/h2>\n

This is the first option to look for. Themes vary in the options available for customising fonts via the Customizer and you\u2019ll need to check whether your theme provides this option. (Note: the default WordPress themes e.g. Twenty Nineteen and Twenty Twenty don\u2019t offer this option)<\/span><\/p>\n

    \n
  1. Log in to your site\u2019s WP-admin<\/strong> by browsing to your domain name followed by <\/span>\/wp-admin <\/span><\/i>e.g. <\/span>https:\/\/example.com\/wp-admin<\/span><\/i><\/a><\/li>\n
  2. From the left menu, select Appearance > Customise<\/strong>
    \n\"\"<\/span><\/li>\n
  3. Your theme’s Customizer will now open, which varies in options and appearance depending on the theme. Look for the option of font<\/strong> or typography
    \n\"\"<\/strong><\/li>\n
  4. If either of these options appear, then select these menu items and you will be presented with varying options. As an example, this theme presents a wide range of options:
    \n\"\"<\/li>\n<\/ol>\n

    Option 2: Add a font plugin<\/h2>\n

    If your chosen theme doesn’t have any or enough options to customise the font type, style and size, then a plugin can do the job for you. Install\u00a0 one of the many font or typography plugins. Here we are adding Easy Google Fonts<\/a> to the Twenty Nineteen theme that doesn’t have any font or typography option:<\/p>\n

      \n
    1. Log in to WP-admin and select Appearance > Customise<\/strong>; you will see that there is no option to adjust fonts
      \n\"\"<\/li>\n
    2. Go to Plugins > Add New<\/strong> and install<\/strong> and activate<\/strong> your plugin (Note: this is a popular plugin but it is concerning that at the time of writing it hadn’t been updated recently)
      \n<\/em>\"\"<\/li>\n
    3. Returning to the Customizer<\/strong>, you will now see a Typography<\/strong> menu option
      \n\"\"<\/li>\n
    4. Selecting Typography<\/strong> will now bring up a range of options to adjust each heading or content font. In the case of Easy Google Fonts, there are options to adjust styles as well as appearance.
      \n\"\"<\/li>\n
    5. In this case Appearance<\/strong> allows font size<\/strong> editing, however not all font plugins provide this.
      \n\"\"<\/li>\n<\/ol>\n

      If your font plugin doesn’t allow for font size changes, you may want to consider a font size plugin.<\/p>\n

       <\/p>\n

       <\/p>\n","protected":false,"plain":"After you\u2019ve chosen a theme for your WordPress site, you\u2019ll probably want to customise it to make it your own.<\/span>\r\n\r\nOne feature that really impacts the look and feel of your website is the use of fonts. If you like the default choice of fonts provided by your theme, then there\u2019s no reason to change it. However, if you prefer, most themes allow you to easily change the choice of fonts of either the headings or body text. Here\u2019s how:<\/span>\r\n

      Option 1: Adjust fonts via the Customizer<\/span><\/h2>\r\nThis is the first option to look for. Themes vary in the options available for customising fonts via the Customizer and you\u2019ll need to check whether your theme provides this option. (Note: the default WordPress themes e.g. Twenty Nineteen and Twenty Twenty don\u2019t offer this option)<\/span>\r\n
        \r\n \t
      1. Log in to your site\u2019s WP-admin<\/strong> by browsing to your domain name followed by <\/span>\/wp-admin <\/span><\/i>e.g. <\/span>https:\/\/example.com\/wp-admin<\/span><\/i><\/a><\/li>\r\n \t
      2. From the left menu, select Appearance > Customise<\/strong>\r\n\"\"<\/span><\/li>\r\n \t
      3. Your theme's Customizer will now open, which varies in options and appearance depending on the theme. Look for the option of font<\/strong> or typography\r\n\"\"<\/strong><\/li>\r\n \t
      4. If either of these options appear, then select these menu items and you will be presented with varying options. As an example, this theme presents a wide range of options:\r\n\"\"<\/li>\r\n<\/ol>\r\n

        Option 2: Add a font plugin<\/h2>\r\nIf your chosen theme doesn't have any or enough options to customise the font type, style and size, then a plugin can do the job for you. Install\u00a0 one of the many font or typography plugins. Here we are adding Easy Google Fonts<\/a> to the Twenty Nineteen theme that doesn't have any font or typography option:\r\n
          \r\n \t
        1. Log in to WP-admin and select Appearance > Customise<\/strong>; you will see that there is no option to adjust fonts\r\n\"\"<\/li>\r\n \t
        2. Go to Plugins > Add New<\/strong> and install<\/strong> and activate<\/strong> your plugin (Note: this is a popular plugin but it is concerning that at the time of writing it hadn't been updated recently)\r\n<\/em>\"\"<\/li>\r\n \t
        3. Returning to the Customizer<\/strong>, you will now see a Typography<\/strong> menu option\r\n\"\"<\/li>\r\n \t
        4. Selecting Typography<\/strong> will now bring up a range of options to adjust each heading or content font. In the case of Easy Google Fonts, there are options to adjust styles as well as appearance.\r\n\"\"<\/li>\r\n \t
        5. In this case Appearance<\/strong> allows font size<\/strong> editing, however not all font plugins provide this.\r\n\"\"<\/li>\r\n<\/ol>\r\nIf your font plugin doesn't allow for font size changes, you may want to consider a font size plugin.\r\n\r\n \r\n\r\n "},"excerpt":{"rendered":"

          Change the font type or size of your WordPress website. We’ll show you how to easily make adjustments using the theme’s customiser or plugins.<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"lsx_disable_title":"0","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[],"topics":[10371],"class_list":["post-30082","post","type-post","status-publish","format-standard","hentry","category-website","topics-wordpress"],"acf":[],"additional_meta":{"category_title":[{"term_id":166,"name":"Website","slug":"website","term_group":0,"term_taxonomy_id":166,"taxonomy":"category","description":"About your Website(s)","parent":0,"count":169,"filter":"raw","term_order":"120","cat_ID":166,"category_count":169,"category_description":"About your Website(s)","cat_name":"Website","category_nicename":"website","category_parent":0}],"tag_title":false},"featured_image_src":null,"author_info":{"display_name":"janine","author_link":"https:\/\/xneelo.co.za\/help-centre\/author\/janine\/","author_avatar":"https:\/\/secure.gravatar.com\/avatar\/aa7eb245072caa276e9df6888f1456c90cbf5304bea0210152b08c26141c638e?s=96&d=mm&r=g"},"_links":{"self":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts\/30082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/comments?post=30082"}],"version-history":[{"count":0,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/posts\/30082\/revisions"}],"wp:attachment":[{"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/media?parent=30082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/categories?post=30082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/tags?post=30082"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/xneelo.co.za\/help-centre\/wp-json\/wp\/v2\/topics?post=30082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}