- \r\n
First, find an element and styles that are currently used for it using your browser developer’s tools<\/a>.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/03\/wordpress_how_to_change_font_1.png\")
<\/a>\r\n\r\n<\/li>\r\nFonts for h1-h6 headings and body text can be changed via Appearance\/ Customizer\/ Typography<\/strong>. Availability of other styles in this section depends on your template. This option will work for you if your element does not have custom CSS classes and styles assigned to it.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/03\/wordpress_how_to_change_font_2.png\")
<\/a>\r\n\r\n<\/li>\r\nNow we will change the font for other elements, for example, for a “Request a Quote” button.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/03\/wordpress_how_to_change_font_3.png\")
<\/a>\r\n\r\n<\/li>\r\nCopy the CSS code with original styles to Appearance\/ Customize\/ Additional CSS<\/strong> section and change the font name there. You can select one of the webfonts available in the Typography section.<\/p>\r\n\r\n
![\"\"](\"\/help\/wp-content\/uploads\/2018\/03\/wordpress_how_to_change_font_4.png\")
<\/a>\r\n\r\n<\/li>\r\nClick on the Publish<\/strong> when you are ready, and check the results on your site.<\/p><\/li>\r\n
In case you would like to use a custom font, not included in template by default, you will need to install custom font<\/a> first.<\/p><\/li>\r\n
Then you can use this font on the site and assign it to various elements using CSS rules.<\/p><\/li>\r\n<\/ol>\r\n
We hope this step-by-step guidance was useful for you. Feel free to check our blog<\/a> to learn more tweaks on how to manage your WordPress website as a guru of the web design!<\/p>\r\n