{"id":440,"date":"2021-12-26T15:29:46","date_gmt":"2021-12-26T09:59:46","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=440"},"modified":"2022-05-21T02:59:35","modified_gmt":"2022-05-21T06:59:35","slug":"how-to-change-font-in-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/","title":{"rendered":"How To Change Font In WordPress Website Easily? 2 easy ways"},"content":{"rendered":"<p class=\"p3\">Every element of the website is a part of expressing your idea to the users including the fonts but do you <strong>know how to change font in WordPress?<\/strong> Fonts are an <strong>underrated<\/strong> part of an entire website which also dramatically affects the site&#8217;s performance.<\/p>\n<p class=\"p3\">You need to have a beautiful design with <strong>eye-catching fonts<\/strong> and visuals on your website. It will help you communicate better with your audience and gain the audience&#8217;s attention.<\/p>\n<p class=\"p3\">Fonts are an essential part of web design. So you need to <strong>select the best fonts<\/strong> according to the context. But, if you are new in the field and unaware of &#8216;how to change font in WordPress website,&#8217; don&#8217;t worry.<\/p>\n<p class=\"p3\">In this article, I will share a <strong>step-by-step guide<\/strong> to change WordPress website fonts easily. But, before looking over that, let&#8217;s see, Why do you need to change the Font in WordPress?<span class=\"Apple-converted-space\"><strong> Read more<\/strong>: <a href=\"https:\/\/basicwebguide.com\/how-to-change-link-color-in-wordpress\/\">How to change link color in WordPress.<\/a><\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/#Why_do_you_need_to_change_font_in_WordPress\" title=\"Why do you need to change font in WordPress?\">Why do you need to change font in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/#How_to_change_the_font_in_the_WordPress_theme\" title=\"How to change the font in the WordPress theme?\u00a0\">How to change the font in the WordPress theme?\u00a0<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/#1_How_to_change_font_in_WordPress_customize\" title=\"1. How to change font in WordPress customize?\u00a0\">1. How to change font in WordPress customize?\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/#2_How_to_change_font_in_WordPress_using_plugins\" title=\"2. How to change font in WordPress using plugins?\u00a0\">2. How to change font in WordPress using plugins?\u00a0<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-change-font-in-wordpress\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Why_do_you_need_to_change_font_in_WordPress\"><\/span><strong>Why do you need to change font in WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-2187\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0LWFscGhhYmV0czAyLWpqXzYuanBn.jpg\" alt=\"how to change font in WordPress\" width=\"1000\" height=\"621\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0LWFscGhhYmV0czAyLWpqXzYuanBn.jpg 1000w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0LWFscGhhYmV0czAyLWpqXzYuanBn-300x186.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0LWFscGhhYmV0czAyLWpqXzYuanBn-768x477.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQ0LWFscGhhYmV0czAyLWpqXzYuanBn-20x12.jpg 20w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p class=\"p3\">Fonts represent messages. In verbal communication, the tone of voice (How do you tell the message?) It makes the difference, and In a website, <strong>fonts are the way to express<\/strong> your message to the viewers. Different fonts are used for different types of messages.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p class=\"p3\">In addition, using different styles of fonts in different ways<strong> makes a webpage attractive<\/strong>. You can combine two or more font styles to make the page appealing to the audience. Good fonts Hierarchy helps to communicate your message.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p class=\"p3\">I hope you understand how a font can make a difference and how it is an essential part of your web design. Now let&#8217;s see how to change font in WordPress website.<\/p>\n<ul>\n<li>Read Also &#8211; <a href=\"https:\/\/basicwebguide.com\/how-to-edit-the-footer-in-wordpress\/\"><strong>How to Edit the Footer in WordPress?<\/strong><\/a><\/li>\n<\/ul>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"How_to_change_the_font_in_the_WordPress_theme\"><\/span><b>How to change the font in the WordPress theme?<span class=\"Apple-converted-space\">\u00a0<\/span><\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"p3\">If you used a WordPress theme to build your website, then there are <strong>two options<\/strong> to change the font of your website. You can change the WordPress font using a <strong>customized<\/strong> setting of WordPress and <strong>use a plugin<\/strong> to change the font in WordPress.<\/p>\n<p class=\"p3\">In this article, we will discuss both the techniques and learn how to change font in WordPress website. Let&#8217;s explore them one by one.<\/p>\n<h3 class=\"p3\"><span class=\"ez-toc-section\" id=\"1_How_to_change_font_in_WordPress_customize\"><\/span><strong>1. How to change font in WordPress customize?<span class=\"Apple-converted-space\">\u00a0<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li class=\"p3\"><strong>Login<\/strong> to the admin panel in WordPress.<\/li>\n<li class=\"p3\">Go to <strong>customize<\/strong>.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2188\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115349.jpg\" alt=\"How to change font in WordPress customize\" width=\"957\" height=\"295\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115349.jpg 957w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115349-300x92.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115349-768x237.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115349-20x6.jpg 20w\" sizes=\"(max-width: 957px) 100vw, 957px\" \/><\/p>\n<ul>\n<li class=\"p3\">Click on the <strong>typography\u00a0<\/strong>section<\/li>\n<li class=\"p3\">If you want to change the font of your content, select base <strong>typography<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-2189\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115435.jpg\" alt=\"methods to change font of a website\" width=\"910\" height=\"339\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115435.jpg 910w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115435-300x112.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115435-768x286.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-115435-20x7.jpg 20w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<ul>\n<li class=\"p3\">And if you&#8217;re going to change the font of your heading, <strong>select heading<\/strong>.<\/li>\n<li class=\"p3\">Look for <strong>font family <\/strong>and select a suitable font for your website from the list.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2190\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121007.jpg\" alt=\"How to change font in WordPress customize?\u00a0\" width=\"439\" height=\"595\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121007.jpg 439w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121007-221x300.jpg 221w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121007-15x20.jpg 15w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/p>\n<ul>\n<li class=\"p3\">Then, click on <strong>publish<\/strong> to change the font.<\/li>\n<\/ul>\n<p class=\"p3\">Similarly, you can change the font of any portion of your website by using the above method. Finally, go to the website and <strong>hit refresh<\/strong>, you will see the changes.<\/p>\n<p class=\"p3\">As I mentioned earlier, if your WordPress is not giving <strong>default settings<\/strong> to change the font, you can still change the font <strong>using plugins.<\/strong> Even if your website provides a default with the option to change the font, you can still install the plugins for more font varieties.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<h3 class=\"p3\"><span class=\"ez-toc-section\" id=\"2_How_to_change_font_in_WordPress_using_plugins\"><\/span><strong>2. How to change font in WordPress using plugins?<span class=\"Apple-converted-space\">\u00a0<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"p3\">Whether your WordPress theme has a default option of changing the font or not, you can change the font using this method.<\/p>\n<p class=\"p3\">For that, you have to <strong>install plugins on your WordPress<\/strong> admin panel. Here is the list of the best plugins to change the font in a WordPress website.<\/p>\n<ol>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/easy-google-fonts\/\" target=\"_blank\" rel=\"noopener\">Easy Google Fonts<\/a><\/li>\n<li class=\"p3\"><a href=\"https:\/\/wordpress.org\/plugins\/wp-typography\/\" target=\"_blank\" rel=\"noopener\">wp-Typography<\/a><\/li>\n<li class=\"p3\"><a href=\"https:\/\/wordpress.org\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener\">Advanced Editor Tools<\/a><\/li>\n<\/ol>\n<p class=\"p3\">I recommend <strong>Easy Google Font<\/strong> plugins because it&#8217;s by Google and has many font options available. Now let&#8217;s see how you will change the font using this plugin.<\/p>\n<ul>\n<li class=\"p3\"><strong>Login<\/strong> to the admin panel in WordPress.<\/li>\n<li class=\"p3\">Go to the plugins &#8211; click on add new.<\/li>\n<li class=\"p3\">Search the &#8216;<strong>Google Font<\/strong>&#8216; and install the plugin and activate it.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2191\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121517.jpg\" alt=\"plugin to change font on a website\" width=\"756\" height=\"304\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121517.jpg 756w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121517-300x121.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/Screenshot-2022-05-21-121517-20x8.jpg 20w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/p>\n<ul>\n<li class=\"p3\">After that, go to customize and hit refresh; you will see a new element Google Fonts.<\/li>\n<li class=\"p3\">Click on Google fonts and <strong>click on the basic font<\/strong> to change the whole font; if you want to change the heading font, you can select the heading font option.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2192\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3.png\" alt=\"how to change font in a wordpress website\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3.png 1920w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-300x169.png 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-1024x576.png 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-768x432.png 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-1536x864.png 1536w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-800x450.png 800w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2021\/12\/screenshot-3-20x11.png 20w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ul>\n<li class=\"p3\">Select the best font and click on <strong>publish<\/strong> button to save the changes.<\/li>\n<li class=\"p3\">Now you will see the selected font on your website after refreshing it once.<\/li>\n<\/ul>\n<p class=\"p3\">There are many other plugins for fonts, and You can also install and try them out for different and creative fonts.<\/p>\n<p class=\"p3\"><strong>Bonus tip:<\/strong> You can also use type wolf tools that recommend\u00a0the best suitable font for your website.<\/p>\n<h2 class=\"p3\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><b>Conclusion<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This is all about <strong>how to change font in WordPress website<\/strong> using inbuilt tools and using plugins. I hope you will be able to change your site&#8217;s font easily with these methods.<\/p>\n<p>However, keep in mind that some fonts can <strong>affect your page loading speed<\/strong> which will directly affect the rankings or SEO of your website.<\/p>\n<p class=\"p3\">So, select the font which takes less time to load; you can also <strong>use color, and lines<\/strong> to highlight the words instant from different fonts. Hope you like this post, any suggestions and queries are most welcome.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every element of the website is a part of expressing your idea to the users including the fonts but do you know how to change font in WordPress? Fonts are an underrated part of an entire website which also dramatically affects the site&#8217;s performance. You need to have a beautiful design with eye-catching fonts and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":445,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[582,581,577,591,570,590,580,592,589,588,579,564,568,567,566,576,565,571,573,593,586,569,578,583,575,587,574,572,585,595,594,584],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/440"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=440"}],"version-history":[{"count":8,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":2194,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/440\/revisions\/2194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/445"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}