Table of Content<\/h3>\n\n\n\n\n- Understanding Font Size in WordPress<\/a><\/li>\n\n\n\n
- Methods to Change Font Size in WordPress<\/a><\/li>\n\n\n\n
- Changing Font Size Using WordPress Themes<\/a><\/li>\n\n\n\n
- Using WordPress Plugins to Change Font Size<\/a><\/li>\n\n\n\n
- Custom CSS for Font Size Changes<\/a><\/li>\n\n\n\n
- Best Practices for Font Sizes<\/a><\/li>\n\n\n\n
- Troubleshooting Common Issues<\/a><\/li>\n\n\n\n
- Conclusion<\/a><\/li>\n\n\n\n
- Additional Resources<\/a><\/li>\n<\/ul>\n\n<\/div>\n\n\n
Understanding Font Size in WordPress<\/h2>\n\n\n\n
Before diving into the how-to, let\u2019s get on the same page about what font size is and why it matters. Font size, simply put, is the size of your text. It affects how easily your content can be read and how it appears visually. WordPress themes come with default font sizes, but they might not always fit your needs. So, let\u2019s see how we can change that!<\/p>\n\n\n\n
Methods to Change Font Size in WordPress<\/h2>\n\n\n\n
There are several ways to change font size in WordPress, depending on your preference and the tools you’re comfortable using. Here, we’ll go through each method step by step.<\/p>\n\n\n\n
Using the WordPress Editor (Block Editor)<\/h3>\n\n\n\n
The WordPress Block Editor, also known as Gutenberg, makes it easy to adjust font sizes directly within your posts and pages. Here\u2019s how you do it:<\/p>\n\n\n\n
\n- Open a Post or Page<\/strong>: First, navigate to any post or page you want to edit.<\/li>\n\n\n\n
- Select the Text Block<\/strong>: Click on the text you want to change. You should see a toolbar pop up.<\/li>\n\n\n\n
- Adjust Font Size<\/strong>: In the right-hand sidebar under ‘Typography,’ you\u2019ll find an option to adjust the font size. You can select a preset size or enter a custom value.<\/li>\n<\/ol>\n\n\n\n
![\"Change](\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/Change-font-size-in-the-wordpress-block-editor.jpg\")
<\/figure>\n\n\n\nUsing Classic Editor<\/strong><\/h3>\n\n\n\nIf you\u2019re still using the Classic Editor, you can also change font sizes, though it\u2019s slightly different from the Block Editor. Here\u2019s how:<\/p>\n\n\n\n
First, you have to install the Advanced Editor Tools<\/a> plugin (previously TinyMCE Advanced). <\/p>\n\n\n\nGo to Plugins and choose Add New. Search for Advanced Editor Tools and start installing it. After the installation has finished click on Activate.<\/p>\n\n\n\n![\"Advanced](\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/Advanced-Editor-Tools.jpg\")
<\/figure>\n\n\n\nWhen you open a Page or Post your editor will now have additional options.<\/p>\n\n\n\n
Highlight the text you want to resize and you can change the font size.<\/p>\n\n\n\n![\"Additional](\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/Additional-options-in-the-WordPress-text-editor.jpg\")
<\/figure>\n\n\n\nChanging Font Size Using WordPress Themes<\/h2>\n\n\n\n
Some themes offer built-in options to change font sizes without touching a line of code. Here\u2019s how you can leverage these features.<\/p>\n\n\n\n
Theme Customizer<\/strong><\/h3>\n\n\n\nMany themes include font size settings within the WordPress Customizer, providing a user-friendly way to make changes.<\/p>\n\n\n\n
\n- Access Customizer<\/strong>: Go to
Appearance > Customise<\/code> from your WordPress dashboard.<\/li>\n\n\n\n- Find Typography Settings<\/strong>: Look for a section labeled ‘Typography’ or ‘Fonts.’<\/li>\n\n\n\n
- Adjust Font Size<\/strong>: Here, you can change the font size for various elements like headings, body text, etc.<\/li>\n<\/ol>\n\n\n\n
![\"Theme](\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/Theme-customise-option.jpg\")
<\/figure>\n\n\n\nTheme Options Panel<\/strong><\/h3>\n\n\n\nSome themes come with their own settings panel, which can offer even more customization options.<\/p>\n\n\n\n
\n- Navigate to Theme Options<\/strong>: This is usually found under
Appearance > Theme Options<\/code>.<\/li>\n\n\n\n- Adjust Font Settings<\/strong>: Look for font or typography settings to adjust the font size.<\/li>\n<\/ol>\n\n\n\n
![\"Typography](\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/Typography-setting-from-the-Divi-theme.jpg\")
Typography setting from the Divi Theme<\/figcaption><\/figure>\n\n\n\nUsing WordPress Plugins to Change Font Size<\/h2>\n\n\n\n
Plugins can be a lifesaver when you need extra functionality. There are several plugins specifically designed to help you change font sizes.<\/p>\n\n\n\n
Recommended Plugins<\/h3>\n\n\n\n\n- Advanced Editor Tools<\/a> plugin (previously TinyMCE Advanced)<\/strong>: Enhances the classic editor with more formatting options.<\/li>\n\n\n\n
- Simple Custom CSS<\/a><\/strong>: Allows you to add custom CSS to your site.<\/li>\n<\/ul>\n\n\n\n
Installation and Usage<\/strong><\/h3>\n\n\n\n\n- Install Plugin<\/strong>: Go to
Plugins > Add New<\/code> and search for the plugin.<\/li>\n\n\n\n- Activate and Configure<\/strong>: Once installed, activate it and follow the plugin’s instructions to change font sizes.<\/li>\n<\/ol>\n\n\n\n
Custom CSS for Font Size Changes<\/h2>\n\n\n\n
For those comfortable with a bit of coding, custom CSS offers precise control over your site’s font sizes. Here’s a simple guide to get you started.<\/p>\n\n\n\n
Introduction to Custom CSS<\/strong><\/p>\n\n\n\nCSS (Cascading Style Sheets) is a powerful tool that allows you to apply custom styles to your site, including font sizes.<\/p>\n\n\n\n
Adding Custom CSS in WordPress<\/strong><\/p>\n\n\n\n\n- Access Customizer<\/strong>: Go to
Appearance > Customise > Additional CSS<\/code>.<\/li>\n\n\n\n- Add CSS Code<\/strong>: Enter your custom CSS code. For example:<\/li>\n\n\n\n
- <\/li>\n<\/ol>\n\n\n
\np { font-size: 18px; }\n<\/pre><\/div>\n\n\nBest Practices for Font Sizes<\/h2>\n\n\n\n
Choosing the right font size isn\u2019t just about aesthetics; it\u2019s about creating a great user experience. Here are some best practices to keep in mind.<\/p>\n\n\n\n
Accessibility Considerations<\/strong><\/p>\n\n\n\n\n- Ensure your font size is readable for all users, including those with visual impairments.<\/li>\n\n\n\n
- A good rule of thumb is to keep body text at least 16px.<\/li>\n<\/ul>\n\n\n\n
Design Consistency<\/strong><\/p>\n\n\n\n\n- Maintain a consistent font size across your site to create a cohesive look.<\/li>\n\n\n\n
- Use headings (H1, H2, H3, etc.) to establish a clear hierarchy.<\/li>\n<\/ul>\n\n\n\n
Troubleshooting Common Issues<\/h2>\n\n\n\n
Sometimes things don\u2019t go as planned. Here are some common issues you might encounter and how to fix them.<\/p>\n\n\n\n
Font Size Not Changing<\/strong><\/p>\n\n\n\n\n- Clear your site\u2019s cache to see changes.<\/li>\n\n\n\n
- Check for conflicting styles in your theme or plugins.<\/li>\n<\/ul>\n\n\n\n
Conflicts with Theme\/Plugins<\/strong><\/p>\n\n\n\n\n- Disable plugins one by one to identify conflicts.<\/li>\n\n\n\n
- Consult your theme\u2019s documentation or support for specific guidance.<\/li>\n<\/ul>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
Changing the font size in WordPress doesn\u2019t have to be a headache. Whether you use the block editor, classic editor, customizer, or plugins, there\u2019s a method that will work for you. Now, go ahead and tweak those fonts to make your content shine!<\/p>\n\n\n\n
Additional Resources<\/h2>\n\n\n\n\n- Further Reading<\/strong>: Check out our articles on Typography and Fonts<\/a>.<\/li>\n\n\n\n
- External Resources<\/strong>: Explore more tools and guides on CSS tricks<\/a> and WordPress.org<\/a>.<\/li>\n<\/ul>\n\n\n\n
By following this guide, you’ll have the flexibility to adjust your WordPress site’s font sizes, ensuring your content is both readable and visually appealing. Happy customizing!<\/p>\n","protected":false},"excerpt":{"rendered":"
Typography plays a crucial role in web design, and having the right font size can make or break your site’s readability and user experience. In this article, we’ll explore various ways to change the font size in WordPress, making it easy for you to tweak your site’s typography to perfection Table of Content Understanding Font […]<\/p>\n","protected":false},"author":1,"featured_media":34985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[109],"tags":[],"class_list":["post-34964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"\n
How to Change Font Size in WordPress: A Step-by-Step Guide<\/title>\n<meta name=\"description\" content=\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Font Size in WordPress: A Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-04T08:28:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-04T08:28:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How to Change Font Size in WordPress\",\"datePublished\":\"2024-07-04T08:28:40+00:00\",\"dateModified\":\"2024-07-04T08:28:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"},\"wordCount\":958,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\",\"name\":\"How to Change Font Size in WordPress: A Step-by-Step Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"datePublished\":\"2024-07-04T08:28:40+00:00\",\"dateModified\":\"2024-07-04T08:28:42+00:00\",\"description\":\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"width\":720,\"height\":400,\"caption\":\"How to Change Font Size in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.markhendriksen.com\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Change Font Size in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change Font Size in WordPress: A Step-by-Step Guide","description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Font Size in WordPress: A Step-by-Step Guide","og_description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","og_url":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2024-07-04T08:28:40+00:00","article_modified_time":"2024-07-04T08:28:42+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How to Change Font Size in WordPress","datePublished":"2024-07-04T08:28:40+00:00","dateModified":"2024-07-04T08:28:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"},"wordCount":958,"commentCount":0,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","url":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","name":"How to Change Font Size in WordPress: A Step-by-Step Guide","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","datePublished":"2024-07-04T08:28:40+00:00","dateModified":"2024-07-04T08:28:42+00:00","description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","width":720,"height":400,"caption":"How to Change Font Size in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.markhendriksen.com\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to Change Font Size in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=34964"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964\/revisions"}],"predecessor-version":[{"id":34984,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964\/revisions\/34984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/34985"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=34964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=34964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=34964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Understanding Font Size in WordPress<\/h2>\n\n\n\n
Before diving into the how-to, let\u2019s get on the same page about what font size is and why it matters. Font size, simply put, is the size of your text. It affects how easily your content can be read and how it appears visually. WordPress themes come with default font sizes, but they might not always fit your needs. So, let\u2019s see how we can change that!<\/p>\n\n\n\n
Methods to Change Font Size in WordPress<\/h2>\n\n\n\n
There are several ways to change font size in WordPress, depending on your preference and the tools you’re comfortable using. Here, we’ll go through each method step by step.<\/p>\n\n\n\n
Using the WordPress Editor (Block Editor)<\/h3>\n\n\n\n
The WordPress Block Editor, also known as Gutenberg, makes it easy to adjust font sizes directly within your posts and pages. Here\u2019s how you do it:<\/p>\n\n\n\n
- \n
- Open a Post or Page<\/strong>: First, navigate to any post or page you want to edit.<\/li>\n\n\n\n
- Select the Text Block<\/strong>: Click on the text you want to change. You should see a toolbar pop up.<\/li>\n\n\n\n
- Adjust Font Size<\/strong>: In the right-hand sidebar under ‘Typography,’ you\u2019ll find an option to adjust the font size. You can select a preset size or enter a custom value.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n\n\n\nUsing Classic Editor<\/strong><\/h3>\n\n\n\n
If you\u2019re still using the Classic Editor, you can also change font sizes, though it\u2019s slightly different from the Block Editor. Here\u2019s how:<\/p>\n\n\n\n
First, you have to install the Advanced Editor Tools<\/a> plugin (previously TinyMCE Advanced). <\/p>\n\n\n\n
Go to Plugins and choose Add New. Search for Advanced Editor Tools and start installing it. After the installation has finished click on Activate.<\/p>\n\n\n\n
<\/figure>\n\n\n\nWhen you open a Page or Post your editor will now have additional options.<\/p>\n\n\n\n
Highlight the text you want to resize and you can change the font size.<\/p>\n\n\n\n
<\/figure>\n\n\n\nChanging Font Size Using WordPress Themes<\/h2>\n\n\n\n
Some themes offer built-in options to change font sizes without touching a line of code. Here\u2019s how you can leverage these features.<\/p>\n\n\n\n
Theme Customizer<\/strong><\/h3>\n\n\n\n
Many themes include font size settings within the WordPress Customizer, providing a user-friendly way to make changes.<\/p>\n\n\n\n
- \n
- Access Customizer<\/strong>: Go to
Appearance > Customise<\/code> from your WordPress dashboard.<\/li>\n\n\n\n- Find Typography Settings<\/strong>: Look for a section labeled ‘Typography’ or ‘Fonts.’<\/li>\n\n\n\n
- Adjust Font Size<\/strong>: Here, you can change the font size for various elements like headings, body text, etc.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n\n\n\nTheme Options Panel<\/strong><\/h3>\n\n\n\n
Some themes come with their own settings panel, which can offer even more customization options.<\/p>\n\n\n\n
- \n
- Navigate to Theme Options<\/strong>: This is usually found under
Appearance > Theme Options<\/code>.<\/li>\n\n\n\n- Adjust Font Settings<\/strong>: Look for font or typography settings to adjust the font size.<\/li>\n<\/ol>\n\n\n\n
Typography setting from the Divi Theme<\/figcaption><\/figure>\n\n\n\n Using WordPress Plugins to Change Font Size<\/h2>\n\n\n\n
Plugins can be a lifesaver when you need extra functionality. There are several plugins specifically designed to help you change font sizes.<\/p>\n\n\n\n
Recommended Plugins<\/h3>\n\n\n\n
- \n
- Advanced Editor Tools<\/a> plugin (previously TinyMCE Advanced)<\/strong>: Enhances the classic editor with more formatting options.<\/li>\n\n\n\n
- Simple Custom CSS<\/a><\/strong>: Allows you to add custom CSS to your site.<\/li>\n<\/ul>\n\n\n\n
Installation and Usage<\/strong><\/h3>\n\n\n\n
- \n
- Install Plugin<\/strong>: Go to
Plugins > Add New<\/code> and search for the plugin.<\/li>\n\n\n\n- Activate and Configure<\/strong>: Once installed, activate it and follow the plugin’s instructions to change font sizes.<\/li>\n<\/ol>\n\n\n\n
Custom CSS for Font Size Changes<\/h2>\n\n\n\n
For those comfortable with a bit of coding, custom CSS offers precise control over your site’s font sizes. Here’s a simple guide to get you started.<\/p>\n\n\n\n
Introduction to Custom CSS<\/strong><\/p>\n\n\n\n
CSS (Cascading Style Sheets) is a powerful tool that allows you to apply custom styles to your site, including font sizes.<\/p>\n\n\n\n
Adding Custom CSS in WordPress<\/strong><\/p>\n\n\n\n
- \n
- Access Customizer<\/strong>: Go to
Appearance > Customise > Additional CSS<\/code>.<\/li>\n\n\n\n- Add CSS Code<\/strong>: Enter your custom CSS code. For example:<\/li>\n\n\n\n
- <\/li>\n<\/ol>\n\n\n
\np { font-size: 18px; }\n<\/pre><\/div>\n\n\nBest Practices for Font Sizes<\/h2>\n\n\n\n
Choosing the right font size isn\u2019t just about aesthetics; it\u2019s about creating a great user experience. Here are some best practices to keep in mind.<\/p>\n\n\n\n
Accessibility Considerations<\/strong><\/p>\n\n\n\n
- \n
- Ensure your font size is readable for all users, including those with visual impairments.<\/li>\n\n\n\n
- A good rule of thumb is to keep body text at least 16px.<\/li>\n<\/ul>\n\n\n\n
Design Consistency<\/strong><\/p>\n\n\n\n
- \n
- Maintain a consistent font size across your site to create a cohesive look.<\/li>\n\n\n\n
- Use headings (H1, H2, H3, etc.) to establish a clear hierarchy.<\/li>\n<\/ul>\n\n\n\n
Troubleshooting Common Issues<\/h2>\n\n\n\n
Sometimes things don\u2019t go as planned. Here are some common issues you might encounter and how to fix them.<\/p>\n\n\n\n
Font Size Not Changing<\/strong><\/p>\n\n\n\n
- \n
- Clear your site\u2019s cache to see changes.<\/li>\n\n\n\n
- Check for conflicting styles in your theme or plugins.<\/li>\n<\/ul>\n\n\n\n
Conflicts with Theme\/Plugins<\/strong><\/p>\n\n\n\n
- \n
- Disable plugins one by one to identify conflicts.<\/li>\n\n\n\n
- Consult your theme\u2019s documentation or support for specific guidance.<\/li>\n<\/ul>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
Changing the font size in WordPress doesn\u2019t have to be a headache. Whether you use the block editor, classic editor, customizer, or plugins, there\u2019s a method that will work for you. Now, go ahead and tweak those fonts to make your content shine!<\/p>\n\n\n\n
Additional Resources<\/h2>\n\n\n\n
- \n
- Further Reading<\/strong>: Check out our articles on Typography and Fonts<\/a>.<\/li>\n\n\n\n
- External Resources<\/strong>: Explore more tools and guides on CSS tricks<\/a> and WordPress.org<\/a>.<\/li>\n<\/ul>\n\n\n\n
By following this guide, you’ll have the flexibility to adjust your WordPress site’s font sizes, ensuring your content is both readable and visually appealing. Happy customizing!<\/p>\n","protected":false},"excerpt":{"rendered":"
Typography plays a crucial role in web design, and having the right font size can make or break your site’s readability and user experience. In this article, we’ll explore various ways to change the font size in WordPress, making it easy for you to tweak your site’s typography to perfection Table of Content Understanding Font […]<\/p>\n","protected":false},"author":1,"featured_media":34985,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[109],"tags":[],"class_list":["post-34964","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"\n
How to Change Font Size in WordPress: A Step-by-Step Guide<\/title>\n<meta name=\"description\" content=\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Font Size in WordPress: A Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-04T08:28:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-04T08:28:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How to Change Font Size in WordPress\",\"datePublished\":\"2024-07-04T08:28:40+00:00\",\"dateModified\":\"2024-07-04T08:28:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"},\"wordCount\":958,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\",\"url\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\",\"name\":\"How to Change Font Size in WordPress: A Step-by-Step Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"datePublished\":\"2024-07-04T08:28:40+00:00\",\"dateModified\":\"2024-07-04T08:28:42+00:00\",\"description\":\"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg\",\"width\":720,\"height\":400,\"caption\":\"How to Change Font Size in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.markhendriksen.com\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Change Font Size in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change Font Size in WordPress: A Step-by-Step Guide","description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Font Size in WordPress: A Step-by-Step Guide","og_description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","og_url":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2024-07-04T08:28:40+00:00","article_modified_time":"2024-07-04T08:28:42+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How to Change Font Size in WordPress","datePublished":"2024-07-04T08:28:40+00:00","dateModified":"2024-07-04T08:28:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"},"wordCount":958,"commentCount":0,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","url":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/","name":"How to Change Font Size in WordPress: A Step-by-Step Guide","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","datePublished":"2024-07-04T08:28:40+00:00","dateModified":"2024-07-04T08:28:42+00:00","description":"Learn how to change font size in WordPress with our easy-to-follow guide. Discover various methods using the Block Editor and Classic Editor.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/07\/How-to-Change-Font-Size-in-WordPress.jpg","width":720,"height":400,"caption":"How to Change Font Size in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/how-to-change-font-size-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.markhendriksen.com\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to Change Font Size in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=34964"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964\/revisions"}],"predecessor-version":[{"id":34984,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34964\/revisions\/34984"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/34985"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=34964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=34964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=34964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} - External Resources<\/strong>: Explore more tools and guides on CSS tricks<\/a> and WordPress.org<\/a>.<\/li>\n<\/ul>\n\n\n\n
- Further Reading<\/strong>: Check out our articles on Typography and Fonts<\/a>.<\/li>\n\n\n\n
- Add CSS Code<\/strong>: Enter your custom CSS code. For example:<\/li>\n\n\n\n
- Activate and Configure<\/strong>: Once installed, activate it and follow the plugin’s instructions to change font sizes.<\/li>\n<\/ol>\n\n\n\n
- Simple Custom CSS<\/a><\/strong>: Allows you to add custom CSS to your site.<\/li>\n<\/ul>\n\n\n\n
- Adjust Font Settings<\/strong>: Look for font or typography settings to adjust the font size.<\/li>\n<\/ol>\n\n\n\n
- Find Typography Settings<\/strong>: Look for a section labeled ‘Typography’ or ‘Fonts.’<\/li>\n\n\n\n
- Select the Text Block<\/strong>: Click on the text you want to change. You should see a toolbar pop up.<\/li>\n\n\n\n