How to change the font size in WordPress

Changing the font size in WordPress is easy and in this article you will learn everything you need to know.

We are going to look at two methods: installing a plugin and using CSS.

WordPress is renowned for how easy it is to edit posts, and just like your favorite word processing software, it also offers plenty of options. You can easily edit the content using a dropdown menu to set up headings and paragraphs.

Keep in mind that content structure is important, both for visitors and for SEO. Having a good title and subtitle structure helps search engines better scan the main topics of your posts, especially longer ones. This will help you rank higher in search engine results.

The latest version of comes with the Gutenberg editor, so we will also show you how to change the font size in WordPress with this tool.

Change font size with TinyMCE Advanced plugin

is a free plugin that allows you to easily choose the font size you prefer. This plugin comes with a classic editor toolbar in the new Gutenberg editor.

First, you have to install and activate the plugin, and then you can go to the plugin page. Settings. There you will find two tabs: and Classic Editor (TinyMCE).

If you only want to use the classic editor, activate the option “Replace block editor with classic editor” under Advanced options. If you don’t check this option you can use both editors side by side.

Let’s see the steps to change the font size with this plugin:

1. go to add new entry or edit an existing one. There you will see a classic paragraph editor.
2. Highlight the lines you are going to modify and then select the font size. If you don’t see the font size option in the toolbar you will have to go back to Settings -> TinyMCE Advanced, and under “Toolbars for classic paragraph blocks” drag the corresponding button to the toolbar.
3. This is what the result looks like:

Using CSS: The Classic Method

While the above method is great for beginners who want to change the font size in WordPress, the classic method requires CSS and can be a bit more complicated.

However, when using a plugin or the default WordPress editor you have to make the modifications for each of the pages, while with CSS you can change the font size for the entire site.

Changing the font size using CSS requires adding lines of code, which can be done through the editor or the customizer. But we recommend the customizer as it is the easiest method.

1. Go to the WordPress dashboard, then to Appearance -> Personalize.
2. Choose Additional CSS.

Here you can add lines of code in the box on the left side.

1. To change the entire font:

body { font-size: 1.25rem; }

2. To change the font of paragraphs:

p { font-size: 25px; }

3. To change the fonts for specific heading types:

h2 { font-size: 2.5em; }

4. To change the font size of the sidebar:

.sidebar li { font-size: 12px; }

5. To customize the footer font:

.footer { font-size: 150%; }

6. To change the font on specific screen sizes:

html { font-size: 18px; } @media (min-width: 900px) { html { font-size: 20px; } }

CSS styles allow text size to be measured by four different units:

• um (um). This is a unit used in web media documents. 1em is equal to 12 points.
• Pixels (px). This is a unit used in display media. 1px is equal to 1 point on a computer screen.
• Points (pt). This unit is for traditional print media. 1 point is equal to 1/72 of an inch.
• Percentage (%). The default value is 100% which will change after you zoom in or out.

Using the Gutenberg editor

As we mentioned before, Gutenberg is a new addition to WordPress and is integrated within the CMS to make the job of editing media-rich posts easy.

One change to note is the use of blocks; blocks allow you to drag and drop any media file into your posts, just like any other page builder platform.

This is what a block looks like:

To change the font size using the Gutenberg editor, follow these simple steps:

1. Choose the post you are going to edit, or simply select Add new.
2. Click the block that contains the text you want to change, then select the number manually.

3. Or, you can select the predefined options on the right side: small, normal, medium, large Y enormous.

Easy, right?

Summary

WordPress offers great customization options, including changing the font size. A perfect font size makes your content look more attractive and more comfortable to read, and the best thing is that these adjustments are extremely easy to do.

Beginners can install a plugin, while users with some CSS knowledge can tweak themes manually. Have fun customizing!

Gustavo is passionate about creating websites. He focuses on the application of SEO strategies at for Spain and Latin America, as well as the creation of high-level content. When he is not applying new WordPress tricks you can find him playing the guitar, traveling or taking an online course.