{"id":16654,"date":"2026-10-19T07:47:33","date_gmt":"2026-10-19T07:47:33","guid":{"rendered":"https:\/\/www.24x7wpsupport.com\/blog\/?p=16654"},"modified":"2026-10-19T07:51:12","modified_gmt":"2026-10-19T07:51:12","slug":"how-to-manually-change-font-size-in-wordpress-2026-guide","status":"publish","type":"post","link":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/","title":{"rendered":"How to Manually Change Font Size in WordPress (2026 Guide)"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text css=””]<\/p>\n

Introduction<\/h2>\n

Changing font size in WordPress sounds like it should take one click. Sometimes it does. Other times you change a setting, reload the page, and nothing moves at all.<\/p>\n

That is because font size is set in several different places, and each one beats the others in a fixed order. This guide walks through every place you can change it, in plain steps, with the exact screen paths. It also explains what to do when a change refuses to show up.<\/p>\n

Where Font Size Is Actually Controlled in WordPress<\/h2>\n

WordPress sets text size in layers. Knowing the order saves a lot of guesswork, so start here before you change anything.<\/p>\n

The bottom layer is your theme. It ships with a type scale, and that is what you see on a fresh install. Above that sits Global Styles, which is the site-wide typography panel in the Site Editor. Above that sit block-level settings, which you apply to one paragraph or heading at a time. Custom CSS sits above all of them.<\/p>\n

The rule is simple. The more specific the setting, the more it wins. A size you set on a single paragraph overrides the site-wide setting. Custom CSS can override both, depending on how it is written.<\/p>\n

Your theme type also matters. Block themes give you the full Site Editor with a Styles panel. Classic themes do not, and they send you to the Customizer or to CSS instead. Check which one you have first, in Appearance<\/strong>. If you see Editor<\/strong>, you have a block theme. If you see Customize<\/strong> instead, you have a classic theme.<\/p>\n

Change the Font Size of One Block<\/h2>\n

This is the quickest method, and it is the right one when a single heading or paragraph needs to stand out. It changes nothing else on the site.<\/p>\n

Open the post in the block editor. Click the paragraph, heading or list you want to resize. The settings sidebar opens on the right. If it is hidden, click the gear icon in the top right corner.<\/p>\n

In the sidebar, find the Typography<\/strong> section and look for Size<\/strong>. You will see preset buttons such as S, M, L and XL. These come from your theme, so the exact labels vary. Click one and the text resizes straight away in the editor.<\/p>\n

For an exact number, click the small icon beside the Size label and choose Set custom size<\/strong>. A number field appears with a unit dropdown. You can pick px, em, rem or percent. Type your value and the block updates live.<\/p>\n

Save the post and check the front end. If you are new to this screen, our walkthrough on how to use the WordPress block editor<\/a> covers the sidebar in more detail.<\/p>\n

One caution. Block-level sizes apply only to that block, on that page. If you find yourself setting the same size over and over, move up a layer and use Global Styles instead.<\/p>\n

Change Every Font Size at Once with Global Styles<\/h2>\n

Global Styles is the right tool when you want all body text, or all headings, to change across the whole site. It works on block themes only.<\/p>\n

Go to Appearance \u2192 Editor<\/strong>. In the left panel, click Styles<\/strong>, then click the pencil icon to start editing. In the Styles sidebar, click Typography<\/strong>.<\/p>\n

You will see a list of element groups: Text, Links, Headings, Captions and Buttons. Each one can be set separately. Click Text<\/strong> to change body copy. Click Headings<\/strong> to change all headings at once, or open a single level such as H2 to change only that one.<\/p>\n

Inside each group you get the same controls as the block sidebar: font family, size, appearance, line height and letter spacing. Set your size and watch the preview update behind the panel.<\/p>\n

Click Save<\/strong> when you are happy. The change applies everywhere on the site that uses the default styling.<\/p>\n

Global Styles has one habit worth knowing. It will not override a size you already set on an individual block. Those blocks keep their own value until you clear it. To clear one, open the block, click the icon beside the Size label, and choose Reset<\/strong>.<\/p>\n

Change Font Size in a Classic Theme<\/h2>\n

Classic themes have no Site Editor, so the route is different. You have two options, and which one you get depends on the theme.<\/p>\n

Start with the Customizer, at Appearance \u2192 Customize<\/strong>. Look for a panel named Typography, Fonts, or sometimes General. Many classic themes include size controls for body text and headings there. Change the value, watch the live preview on the right, then click Publish<\/strong>.<\/p>\n

If no typography panel exists, the theme simply does not expose those settings. That is common, and it is not a fault. In that case you move to CSS, which is covered in the next section.<\/p>\n

Our guide to the WordPress Customizer and how to access it<\/a> explains what else lives on that screen.<\/p>\n

If you are still writing in the classic editor rather than blocks, note that there is no font size dropdown in the toolbar by default. You set size with CSS or with the theme’s own settings. Our article on keeping the classic editor in WordPress<\/a> covers that setup.<\/p>\n

Use Additional CSS When the Settings Cannot Reach<\/h2>\n

Sometimes the element you want to resize has no setting at all. A widget title, a form label, or a menu item are common examples. CSS is the answer, and you do not need to touch any theme files to use it.<\/p>\n

On a classic theme, go to Appearance \u2192 Customize \u2192 Additional CSS<\/strong>. On a block theme, go to Appearance \u2192 Editor \u2192 Styles<\/strong>, click the three-dot menu at the top of the Styles panel, and choose Additional CSS<\/strong>.<\/p>\n

Type a rule that targets the element you want. For example, to set all body paragraphs to 18 pixels:<\/p>\n

p {\r\n  font-size: 18px;\r\n}<\/code><\/pre>\n
To resize only one element, right-click it on the front end and choose Inspect<\/strong>. Your browser shows you the class name to target. Use that class instead of a broad tag so you do not change more than you meant to.<\/p>\n
Additional CSS is stored in the database, not in a theme file. It survives theme updates, and you can delete it at any time. That makes it far safer than editing style.css<\/code> directly. If you must edit theme files, work in a WordPress child theme<\/a>, and take a full backup<\/a> first.<\/p>\n
Define Your Own Size Presets and Fluid Scaling in theme.json<\/h2>\n
The S, M, L and XL buttons in the editor are not fixed. They are defined in a file called theme.json<\/code>, and you can change what each one means. This is the developer route, and it is worth it when you want a consistent scale across a whole site.<\/p>\n
Never edit the parent theme’s file directly. A theme update will overwrite it. Create a child theme, copy theme.json<\/code> into it, and edit the copy. Back up the site first, and make the change on a staging copy if the site is live.<\/p>\n
The sizes live under settings.typography.fontSizes<\/code>. Each entry has a slug, a name and a size:<\/p>\n
\"fontSizes\": [\r\n  { \"slug\": \"small\",  \"name\": \"S\", \"size\": \"1rem\" },\r\n  { \"slug\": \"medium\", \"name\": \"M\", \"size\": \"1.125rem\" },\r\n  { \"slug\": \"large\",  \"name\": \"L\", \"size\": \"1.5rem\" }\r\n]<\/code><\/pre>\n
Save the file and reload the editor. The preset buttons now use your values, and every block already set to Medium picks up the new size automatically. That is the real benefit: you change one file and the whole site follows.<\/p>\n
If file structure is unfamiliar territory, our breakdown of WordPress theme files<\/a> explains what each one does.<\/p>\n
Let Text Scale with the Screen Using Fluid Typography<\/h3>\n
A fixed size has one drawback. A heading that looks right on a desktop screen can be far too large on a phone. Fluid typography solves that by letting each size grow and shrink with the viewport.<\/p>\n
WordPress has supported this since version 6.1, and it is switched on in the same theme.json<\/code> file. Add the fluid setting under typography:<\/p>\n
\"typography\": {\r\n  \"fluid\": true\r\n}<\/code><\/pre>\n
With that single line, WordPress generates a scaling rule for every preset size you have defined. Large headings shrink on narrow screens without you writing a media query.<\/p>\n
You can also control the range for a single size. Give that entry a fluid<\/code> object with min<\/code> and max<\/code> values, and WordPress keeps the size inside those bounds. That stops a heading from collapsing to something unreadable on a small phone.<\/p>\n
Many current block themes already enable this. If your headings already resize smoothly when you narrow the browser window, fluid typography is on and you have nothing to change.<\/p>\n
Why Your Font Size Change Did Not Apply<\/h2>\n
If the size looks right in the editor but wrong on the live page, work through these in order. One of them is almost always the answer.<\/p>\n
A caching layer is serving the old page.<\/strong> Clear your site cache, then your browser cache, then reload. If your host runs its own cache, clear that too.<\/p>\n
A block-level size is overriding the global one.<\/strong> Open the block and check the Typography panel. If a size is set there, reset it so the block falls back to Global Styles.<\/p>\n
Another CSS rule is more specific.<\/strong> Right-click the text, choose Inspect<\/strong>, and look at the Styles panel. Your rule will be shown crossed out if something is beating it. Target a more specific selector rather than reaching for !important<\/code>.<\/p>\n
You edited the wrong template.<\/strong> Blog posts, pages and archives can use different templates. Confirm you changed the one the page actually uses.<\/p>\n
The editor itself is misbehaving.<\/strong> If the sidebar controls are missing or frozen, our guide to common WordPress block editor problems<\/a> covers the usual fixes.<\/p>\n
Choosing Sizes People Can Actually Read<\/h2>\n
Before you finish, make sure the sizes serve your readers rather than just your design taste. A few habits help here.<\/p>\n
Keep body text at 16 pixels or above. That is the common baseline for comfortable reading, and going smaller costs you more than it gains. Many sites now sit at 18 pixels for long-form content.<\/p>\n
Use relative units such as rem rather than px where you can. Relative units respect the reader’s own browser font setting, which matters for anyone who has increased it. A fixed pixel size ignores that choice.<\/p>\n
Give long text room to breathe. Line height of about 1.5 and a line length of 60 to 80 characters do more for readability than the font size alone.<\/p>\n
Keep the gaps between levels clear. If your H2 and H3 are nearly the same size, the page structure stops being visible at a glance.<\/p>\n
Finally, check the result on a phone before you call it done. Most visitors will see it there first.<\/p>\n
A Quick Recap, and Where to Get Help<\/h2>\n
For a one-off change, use the block sidebar. For a site-wide change on a block theme, use Appearance \u2192 Editor \u2192 Styles \u2192 Typography<\/strong>. On a classic theme, try Appearance \u2192 Customize<\/strong> first, then Additional CSS if no typography panel exists.<\/p>\n
For full control of the preset scale, edit theme.json<\/code> in a child theme, and turn on fluid typography so text behaves on small screens. Back up before any file-level change, and test on staging where you can.<\/p>\n
If you also want to change the typeface rather than just the size, our guide on how to add and use custom fonts in WordPress<\/a> is the next step. For styling other parts of the layout, see how to customise headers in WordPress<\/a>.<\/p>\n
If a change still will not stick, or you would rather someone else handled the CSS, our team works on WordPress styling issues every day. Visit 24×7 WP Support<\/a> and tell us what you are trying to change. We will explain the options before touching anything.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
[vc_row][vc_column][vc_column_text css=””] Introduction Changing font size in WordPress sounds like it should take one click. Sometimes it does. Other times …<\/p>\n","protected":false},"author":1,"featured_media":16657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1096],"tags":[2624,2901,2598,2597,1583,2590,1750],"class_list":["post-16654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-additional-css","tag-change-font-size-wordpress","tag-global-styles","tag-theme-json","tag-wordpress-block-editor","tag-wordpress-child-theme","tag-wordpress-typography"],"yoast_head":"\nHow to Change Font Size in WordPress | 24x7 WP Support<\/title>\n<meta name=\"description\" content=\"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.\" \/>\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.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Font Size in WordPress | 24x7 WP Support\" \/>\n<meta property=\"og:description\" content=\"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"24x7WPSupport Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/24x7wpsupport\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-19T07:47:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-19T07:51:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpsupport24x7\" \/>\n<meta name=\"twitter:site\" content=\"@wpsupport24x7\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/\"},\"author\":{\"name\":\"Brian\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/person\\\/40ee989d8d57096afc53a526d6e612b0\"},\"headline\":\"How to Manually Change Font Size in WordPress (2026 Guide)\",\"datePublished\":\"2026-10-19T07:47:33+00:00\",\"dateModified\":\"2026-10-19T07:51:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/\"},\"wordCount\":1937,\"publisher\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Manually-Change-Font-Size-.png\",\"keywords\":[\"additional css\",\"change font size WordPress\",\"global styles\",\"theme.json\",\"WordPress Block Editor\",\"WordPress child theme\",\"WordPress typography\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/\",\"name\":\"How to Change Font Size in WordPress | 24x7 WP Support\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Manually-Change-Font-Size-.png\",\"datePublished\":\"2026-10-19T07:47:33+00:00\",\"dateModified\":\"2026-10-19T07:51:12+00:00\",\"description\":\"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Manually-Change-Font-Size-.png\",\"contentUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Manually-Change-Font-Size-.png\",\"width\":2560,\"height\":1440,\"caption\":\"Manually Change Font Size\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/how-to-manually-change-font-size-in-wordpress-2026-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Manually Change Font Size in WordPress (2026 Guide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\",\"name\":\"24x7WPSupport Blog\",\"description\":\"WordPress Theme Update | WordPress Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#organization\",\"name\":\"24x7 WP Support\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/wpsupportlatestlogo.png\",\"contentUrl\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/11\\\/wpsupportlatestlogo.png\",\"width\":269,\"height\":64,\"caption\":\"24x7 WP Support\"},\"image\":{\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/24x7wpsupport\",\"https:\\\/\\\/x.com\\\/wpsupport24x7\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.24x7wpsupport.com\\\/blog\\\/#\\\/schema\\\/person\\\/40ee989d8d57096afc53a526d6e612b0\",\"name\":\"Brian\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g\",\"caption\":\"Brian\"},\"description\":\"Brian is a WordPress support specialist and content contributor at 24x7 WP Support. He writes practical, easy-to-follow guides on WordPress troubleshooting, WooCommerce issues, plugin and theme errors, website security, migrations, performance optimization, and integrations. With a focus on solving real website problems, Brian helps business owners, bloggers, and online store managers keep their WordPress sites running smoothly.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change Font Size in WordPress | 24x7 WP Support","description":"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.","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.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/","og_locale":"en_GB","og_type":"article","og_title":"How to Change Font Size in WordPress | 24x7 WP Support","og_description":"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.","og_url":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/","og_site_name":"24x7WPSupport Blog","article_publisher":"https:\/\/www.facebook.com\/24x7wpsupport","article_published_time":"2026-10-19T07:47:33+00:00","article_modified_time":"2026-10-19T07:51:12+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png","type":"image\/png"}],"author":"Brian","twitter_card":"summary_large_image","twitter_creator":"@wpsupport24x7","twitter_site":"@wpsupport24x7","twitter_misc":{"Written by":"Brian","Estimated reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#article","isPartOf":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/"},"author":{"name":"Brian","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/person\/40ee989d8d57096afc53a526d6e612b0"},"headline":"How to Manually Change Font Size in WordPress (2026 Guide)","datePublished":"2026-10-19T07:47:33+00:00","dateModified":"2026-10-19T07:51:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/"},"wordCount":1937,"publisher":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png","keywords":["additional css","change font size WordPress","global styles","theme.json","WordPress Block Editor","WordPress child theme","WordPress typography"],"articleSection":["WordPress"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/","url":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/","name":"How to Change Font Size in WordPress | 24x7 WP Support","isPartOf":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png","datePublished":"2026-10-19T07:47:33+00:00","dateModified":"2026-10-19T07:51:12+00:00","description":"Learn how to manually change font size in WordPress in 2026 using block settings, Global Styles, the Customizer, custom CSS and theme.json presets.","breadcrumb":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#primaryimage","url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png","contentUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2026\/10\/Manually-Change-Font-Size-.png","width":2560,"height":1440,"caption":"Manually Change Font Size"},{"@type":"BreadcrumbList","@id":"https:\/\/www.24x7wpsupport.com\/blog\/how-to-manually-change-font-size-in-wordpress-2026-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.24x7wpsupport.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Manually Change Font Size in WordPress (2026 Guide)"}]},{"@type":"WebSite","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#website","url":"https:\/\/www.24x7wpsupport.com\/blog\/","name":"24x7WPSupport Blog","description":"WordPress Theme Update | WordPress Blog","publisher":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.24x7wpsupport.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#organization","name":"24x7 WP Support","url":"https:\/\/www.24x7wpsupport.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2018\/11\/wpsupportlatestlogo.png","contentUrl":"https:\/\/www.24x7wpsupport.com\/blog\/wp-content\/uploads\/2018\/11\/wpsupportlatestlogo.png","width":269,"height":64,"caption":"24x7 WP Support"},"image":{"@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/24x7wpsupport","https:\/\/x.com\/wpsupport24x7"]},{"@type":"Person","@id":"https:\/\/www.24x7wpsupport.com\/blog\/#\/schema\/person\/40ee989d8d57096afc53a526d6e612b0","name":"Brian","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a5a62eb3263db905a008db8d80b6777dd5792da217d72772ec4c23dc58ec9d6?s=96&d=mm&r=g","caption":"Brian"},"description":"Brian is a WordPress support specialist and content contributor at 24x7 WP Support. He writes practical, easy-to-follow guides on WordPress troubleshooting, WooCommerce issues, plugin and theme errors, website security, migrations, performance optimization, and integrations. With a focus on solving real website problems, Brian helps business owners, bloggers, and online store managers keep their WordPress sites running smoothly."}]}},"_links":{"self":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/16654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/comments?post=16654"}],"version-history":[{"count":2,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/16654\/revisions"}],"predecessor-version":[{"id":16656,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/posts\/16654\/revisions\/16656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/media\/16657"}],"wp:attachment":[{"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/media?parent=16654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/categories?post=16654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.24x7wpsupport.com\/blog\/wp-json\/wp\/v2\/tags?post=16654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}