{"id":93,"date":"2018-09-11T11:07:10","date_gmt":"2018-09-11T11:07:10","guid":{"rendered":"http:\/\/webecreator.com\/blog\/?p=93"},"modified":"2018-09-11T11:08:43","modified_gmt":"2018-09-11T11:08:43","slug":"how-to-change-the-font-size-in-wordpress","status":"publish","type":"post","link":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/","title":{"rendered":"How to Change the Font Size in WordPress"},"content":{"rendered":"<h4>Method 1: Using the Paragraph Headings<\/h4>\n<p>Most of the time people want a bigger font size to grab attention of their readers specially for the heading elements. When writing the post content, you can use different heading sizes. In the visual editor mode, you can see all the available items under the tab called \u201cParagraph\u201d as shown in the screenshot below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50190\" title=\"Increase font size in visual editor\" src=\"https:\/\/cdn.wpbeginner.com\/wp-content\/uploads\/2012\/09\/paragraph-visualeditor.png\" alt=\"Increase font size in visual editor\" width=\"550\" height=\"300\" \/><\/p>\n<p>These sizes are controlled by your theme\u2019s stylesheet file (style.css) to make sure that the font size is coherent with everything. In most cases, one of the heading sizes should get the job done.<\/p>\n<p>Using headings in your articles is good for user experience at the same time it also makes your\u00a0WordPress posts SEO friendly.<\/p>\n<h4>Method 2: TinyMCE Advanced Plugin<\/h4>\n<p>For this method, we will use a WordPress plugin to get a better control on overall font-sizes and text formatting when writing content.<\/p>\n<p>First thing you need to do is install and activate the\u00a0TinyMCE advanced\u00a0plugin. For more details, see our step by step guide on\u00a0how to install a WordPress plugin.<\/p>\n<p>Upon activation, simply go to\u00a0<strong>Settings \u00bb TinyMCE Advanced<\/strong>\u00a0to configure the editor settings. On this page you will see the TinyMCE Editor tool bar with buttons. You will also see unused buttons below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24120\" title=\"TinyMCE Editor Font Size Button\" src=\"https:\/\/cdn.wpbeginner.com\/wp-content\/uploads\/2012\/09\/font-size-button-tinymce-wp.png\" alt=\"Adding the font size button to TinyMCE Advanced tool bar in WordPress\" width=\"520\" height=\"425\" \/><\/p>\n<p>Now all you need to do is drag and drop the font size button from the unused buttons to any row in the toolbar. After that click on Save Changes button.<\/p>\n<p>To see the button in action, create a new post or edit an existing one and you will see the default WordPress visual editor is replaced by the TinyMCE Advanced editor with font-size button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-50191\" title=\"TinyMCE font size\" src=\"https:\/\/cdn3.wpbeginner.com\/wp-content\/uploads\/2012\/09\/tinymce-fontsize.png\" alt=\"TinyMCE font size\" width=\"550\" height=\"291\" \/><\/p>\n<p>As you can see in the screenshot above, that you can select any font size you like from the drop down. This gives you more freedom over things because now you can actually have font-size even smaller than the normal body font i.e 8pt or 10pt.<\/p>\n<p>The biggest downside of this method is if you ever change themes, you have to account for all the font size changes you made in individual posts.<\/p>\n<h4>Method 3: Change Overall Font Size of Paragraphs Using CSS<\/h4>\n<p>If you are unhappy with the font size your theme uses for paragraphs and want to change it, then the best way to do this by using CSS.<\/p>\n<p>You will need to add the following\u00a0custom CSS\u00a0to your WordPress theme.<\/p>\n<div>\n<div id=\"highlighter_744266\" class=\"syntaxhighlighter css\">\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td class=\"gutter\">\n<div class=\"line number1 index0 alt2\">1<\/div>\n<div class=\"line number2 index1 alt1\">2<\/div>\n<div class=\"line number3 index2 alt2\">3<\/div>\n<\/td>\n<td class=\"code\">\n<div class=\"container\">\n<div class=\"line number1 index0 alt2\"><code class=\"css plain\">p { <\/code><\/div>\n<div class=\"line number2 index1 alt1\"><code class=\"css keyword\">font-size<\/code><code class=\"css plain\">:<\/code><code class=\"css value\">16px<\/code><code class=\"css plain\">; <\/code><\/div>\n<div class=\"line number3 index2 alt2\"><code class=\"css plain\">} <\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Note: This change will affect all paragraphs in your WordPress theme and you will loose your changes when\u00a0switching themes.<\/p>\n<p>We hope this article helped you learn how to easily change font size in WordPress. You may also want to see our list of the\u00a0best typography plugins for WordPress\u00a0to improve your site\u2019s design and readability.<\/p>\n<p>If you liked this article, then please subscribe to our\u00a0YouTube Channel\u00a0for WordPress video tutorials. You can also find us on\u00a0Twitter\u00a0and\u00a0Facebook.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Method 1: Using the Paragraph Headings Most of the time people want a bigger font size to grab attention of their readers specially for the&hellip; <\/p>\n","protected":false},"author":1,"featured_media":95,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-93","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Change the Font Size in WordPress - Website Designing in Mumbai | WebeCreator<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webecreator.com\/blog\/how-to-change-the-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 the Font Size in WordPress - Website Designing in Mumbai | WebeCreator\" \/>\n<meta property=\"og:description\" content=\"Method 1: Using the Paragraph Headings Most of the time people want a bigger font size to grab attention of their readers specially for the&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Designing in Mumbai | WebeCreator\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-11T11:07:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-11T11:08:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png\" \/>\n\t<meta property=\"og:image:width\" content=\"186\" \/>\n\t<meta property=\"og:image:height\" content=\"186\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\/\/webecreator.com\/blog\/#\/schema\/person\/87c1cb3e0b5c268c0c19951cee98de4f\"},\"headline\":\"How to Change the Font Size in WordPress\",\"datePublished\":\"2018-09-11T11:07:10+00:00\",\"dateModified\":\"2018-09-11T11:08:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\"},\"wordCount\":488,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/webecreator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\",\"url\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\",\"name\":\"How to Change the Font Size in WordPress - Website Designing in Mumbai | WebeCreator\",\"isPartOf\":{\"@id\":\"http:\/\/webecreator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png\",\"datePublished\":\"2018-09-11T11:07:10+00:00\",\"dateModified\":\"2018-09-11T11:08:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png\",\"contentUrl\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png\",\"width\":186,\"height\":186},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/webecreator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Font Size in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/webecreator.com\/blog\/#website\",\"url\":\"http:\/\/webecreator.com\/blog\/\",\"name\":\"Website Designing in Mumbai | WebeCreator\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\/\/webecreator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/webecreator.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/webecreator.com\/blog\/#organization\",\"name\":\"Website Designing in Mumbai | WebeCreator\",\"url\":\"http:\/\/webecreator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/webecreator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/06\/logo.png\",\"contentUrl\":\"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/06\/logo.png\",\"width\":180,\"height\":52,\"caption\":\"Website Designing in Mumbai | WebeCreator\"},\"image\":{\"@id\":\"http:\/\/webecreator.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"http:\/\/webecreator.com\/blog\/#\/schema\/person\/87c1cb3e0b5c268c0c19951cee98de4f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/webecreator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c0aa0f95b0e5b19831b792cebf9b32f096118859f5905c6e8ea2aad8d6649276?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c0aa0f95b0e5b19831b792cebf9b32f096118859f5905c6e8ea2aad8d6649276?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/webecreator.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Font Size in WordPress - Website Designing in Mumbai | WebeCreator","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:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Font Size in WordPress - Website Designing in Mumbai | WebeCreator","og_description":"Method 1: Using the Paragraph Headings Most of the time people want a bigger font size to grab attention of their readers specially for the&hellip;","og_url":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/","og_site_name":"Website Designing in Mumbai | WebeCreator","article_published_time":"2018-09-11T11:07:10+00:00","article_modified_time":"2018-09-11T11:08:43+00:00","og_image":[{"width":186,"height":186,"url":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/"},"author":{"name":"admin","@id":"http:\/\/webecreator.com\/blog\/#\/schema\/person\/87c1cb3e0b5c268c0c19951cee98de4f"},"headline":"How to Change the Font Size in WordPress","datePublished":"2018-09-11T11:07:10+00:00","dateModified":"2018-09-11T11:08:43+00:00","mainEntityOfPage":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/"},"wordCount":488,"commentCount":0,"publisher":{"@id":"http:\/\/webecreator.com\/blog\/#organization"},"image":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/","url":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/","name":"How to Change the Font Size in WordPress - Website Designing in Mumbai | WebeCreator","isPartOf":{"@id":"http:\/\/webecreator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png","datePublished":"2018-09-11T11:07:10+00:00","dateModified":"2018-09-11T11:08:43+00:00","breadcrumb":{"@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#primaryimage","url":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png","contentUrl":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/09\/download.png","width":186,"height":186},{"@type":"BreadcrumbList","@id":"https:\/\/webecreator.com\/blog\/how-to-change-the-font-size-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/webecreator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Change the Font Size in WordPress"}]},{"@type":"WebSite","@id":"http:\/\/webecreator.com\/blog\/#website","url":"http:\/\/webecreator.com\/blog\/","name":"Website Designing in Mumbai | WebeCreator","description":"","publisher":{"@id":"http:\/\/webecreator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/webecreator.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/webecreator.com\/blog\/#organization","name":"Website Designing in Mumbai | WebeCreator","url":"http:\/\/webecreator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/webecreator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/06\/logo.png","contentUrl":"https:\/\/webecreator.com\/blog\/wp-content\/uploads\/2018\/06\/logo.png","width":180,"height":52,"caption":"Website Designing in Mumbai | WebeCreator"},"image":{"@id":"http:\/\/webecreator.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/webecreator.com\/blog\/#\/schema\/person\/87c1cb3e0b5c268c0c19951cee98de4f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/webecreator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c0aa0f95b0e5b19831b792cebf9b32f096118859f5905c6e8ea2aad8d6649276?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c0aa0f95b0e5b19831b792cebf9b32f096118859f5905c6e8ea2aad8d6649276?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/webecreator.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/posts\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":1,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/posts\/93\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/posts\/93\/revisions\/94"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/media\/95"}],"wp:attachment":[{"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/media?parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/categories?post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webecreator.com\/blog\/wp-json\/wp\/v2\/tags?post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}