How to Easily Change the Font Size in WordPress

How to easily change the font size in WordPress? You’ll be guided using screenshots and GIFs. By the way, what do you want to accomplish with your text? Do you wish to make it more visually appealing or simply for those reading it to be able to read it? Regardless of the reason, there will always be a solution. With our handy guide, you can easily change the font size for posts and pages on your WordPress site. No need for complicated coding skills is required. Ever wondered why Medium is incredibly easy to read? It’s due to the font size is 21px —px stands for Pixels. You need to get rid of your default font size that lies between 14 and 16 pixel size.

Some theme developers put extra focus on the typography, but in case, they don’t you can modify using CSS and some plugins as explained in this article. Moreover, we’ll be teaching you a quick and easy way to make changes on different fonts throughout WordPress for both blog posts and other parts of the website too with Classic Editor and Gutenberg that offer different size options and block settings. Ready? Let’s get started.

Method 1: Using Paragraph Headings in Gutenberg

Your headings are your secret weapon in this never-ending fight for attention as well as for SEO. You can use headings to break up sections of content and make it more organized, or you could use them to get ranking higher by search engines with proper heading tags.

It’s important to make sure that the headings you use on your website have keywords and phrases in them so they will rank well with Google, Bing, or Yahoo. You can use Ahrefs or SEMrush in order to get keywords that people actually search for on Google. WordPress’s block editor can give your posts an attractive appearance from the get-go. To find ‘Heading,’ simply click on the plus icon then choose Heading. Gutenberg has more options and sizes for heading blocks.

The H2 size is the block’s default, but you can choose a different type by clicking on it. Use this to change your subheadings.

Changing the settings of your block might increase your engagement if your content is not engaging due to its font size or color. Changing the heading’s style or colors may also be a good idea.

Method 2: Using Paragraph Headings in Class Editor

The old classic editor has been retired from WordPress, but you can still add the Classic Editor plugin. How to get the paragraph heading feature? Simply click the ‘Paragraph‘ section and select your desired heading size and make sure you are highlighting all text that is going into a single header in the Visual Editor Mode.  Now you have an original, eye-catching headline for any content that needs it.

It’s also possible to customize these settings under Appearance > Customize when using a premium WordPress theme. Besides, you can choose Google Fonts if allowed by your theme.

Note: Sometimes you’re unable to change the font size in the customize. In some cases, you need to use theme settings to change font size and font family.

Method 3: Modifying Font Size in Block Editor

It’s the simplest alternative method. By using the WordPress block editor aka Gutenberg, you can make any part of your post look different by changing font size and style. The font size of my text can be adjusted by selecting from sizes such as small through huge via a relatively easy location under the “Typography” tab.

Several options are available for font size ranging from “Small” to “Large” via the dropdown menu on the right-hand side of the block editor.

Method 4: ‘Advanced Editor Tools’ Plugin for Changing Font Size

Your WordPress site can be customized and formatted using the Advanced Editor Tools which is an advanced plugin to modify advanced settings that are not available in the default version of WordPress.

When you install and activate Advanced Editor Tools, it will allow your WordPress site to have a simple visual editor for posts. You’ll be able to format content on the fly with intuitive keyboard shortcuts that are easy enough for beginners. Moreover, this allows for consistency across different editors on your site, so texts are always the same size without having to deal with any complicated CSS code or plugins. To make the most out of your Advanced Editor Tools toolbar, go to Settings » Advanced Editor Tools (TinyMCE Advanced) and configure it. If you’re using the Classic editor, then by default, Advanced Editor Tools has enabled “Font Size” in row two, which is placed next to other commonly used functions like Bold or Italicize. Drag the table to move or resize it.

There are a variety of different buttons that you can place on this toolbar for easy access later.

Method 5: CSS Can Be Used To Change Site-Wide Font Size

This is the custom CSS method, don’t worry it’s not that hard to understand. In some themes, you can change the font without needing to add any custom CSS code. If your template offers this feature, you can use it. If your theme doesn’t have the feature, don’t mind, you can still adjust the typeface by adding your own custom CSS rules. To customize your theme, head to the Customizer and click on ‘Additional CSS.’ This is where you can store all of your custom codes for things like fonts, colors, etc.

Now that you have your CSS code copied, it is time to put in the changes. In this example, we are reducing the font size to 12px from 16px.

p {
font-size:16px;
}

Now under these additional stylesheet text fields, you can simply copy and paste all of your desired modifications on how things should look like.

You’ll immediately see the changes in your preview. If you like how it looks, click ‘Publish’ to make those updates live. Note: Custom CSS is specific to the theme you are using. If you switch themes, then your Custom CSS will not be applied anymore and must be re-applied. That’s it’s recommended to use child theme CSS. If you want to change the font size of all h2 subheadings, below is some code that will allow for this.

h2 {
font-size:32px;
}

Simply change two letters of other size headings to do the same thing. H2, for example, could be changed to h3 or even h5 without any changes in design. Moreover, you can change the CSS property to manipulate your font size, font family even custom colors. Sometimes color changes don’t take effect since the color might be inherited from the body element.

Final Thoughts

Perfect font size can make your content more engaging and comfortable to consume. WordPress offers a variety of customization options, so you don’t have to settle for the default that was chosen when you installed it. WordPress themes usually come with some customizations already built-in, but if not then they are easy to adjust manually using CSS code or by installing plugins. We hope this article has helped answer any questions about font sizes and how they impact the readability of your blog post, as well as giving you ideas on where else these settings could be adjusted within WordPress.