Change the Font Size in WordPress with Gutenberg Editor

WordPress has added Gutenberg in their latest version. Gutenberg editor comes really handy, especially if you want to do simple things like changing the font sizes. If you do not see the Gutenberg editor on your dashboard, update your WordPress. With the Gutenberg editor, you can easily customize and create media-rich posts without much hassles.

Gutenberg considers the parts of your posts as blocks. By selecting these blocks, you can drag and drop them anywhere you want. You can also customize each and every block.

Here’s how you change the font size in WordPress using the new Gutenberg editor.

• Step 1: Go to the Posts. Select the one on which you want to change the font size.
• Step 2: Choose the block that contains the paragraph or text for which you want a font size change.
• Step 3: Choose the number for font size.

That’s it! Isn’t it really easy?

Using a Font Optimizer Plugin like Tiny MCE

If you want to change the font size in WordPress and do not want to touch the CSS file or WP theme customizer, then you can do it using the font optimizer plugins. Tiny MCE Advanced is a font modifier plugin that allows you to modify the font sizes according to your preferences. The best thing about Tiny MCE is it’s super easy to use, and it’s available for free download. Using Tiny MCE, you can change the font sizes of pages and posts on the go while you are writing the post.

You can download the Tiny MCE plugin from the WordPress plugin repository. Go to Plugins on your WordPress dashboard. Search for Tiny MCE. Install it and Activate it.

Tiny MCE adds an editor toolbar which you see in the word processor programs like Microsoft Word. Using this toolbar, we can customize the font sizes according to our preferences.

Follow these steps to change the font size using the Tiny MCE Plugin.

• Step 1: On your WordPress dashboard, click on create a New Post.
• Step 2: WordPress editor appears on your screen. Write something. Select the lines for which you want to change the font size.
• Step 3: Click on the Format tab on the Tiny MCE editor toolbar. Click on Font Sizes. Change the font sizes as per your preference.

Tiny MCE is the best way to change the font sizes on your WordPress blog if you do not want to mess with the CSS file or your theme code.

If you do not want to mess with the code, you can use the plugins like Easy Google Font, WP Fonts, MW Font Changer etc. These plugins help you change the font sizes as well as styles. These plugins seamlessly integrate with the WordPress customizer, and you can change the font sizes and see them in real time. You can also change the font style and colour as per your requirement. Most of these plugins are really light, and they don’t bloat up your WordPress blog.

However, as like any other plugin, Tiny MCE or other font plugins also may slow down your website. Check out the next method to change the font size by editing the CSS file.

Change Font Size in WordPress by Custom CSS

• Step 1: On your WordPress dashboard, go to Posts/Pages.
• Step 2: Click on Edit button which is at the bottom of the page.
• Step 3: Go to Visual View.
• Step 4: Select or highlight the paragraph for which you want to change the font size.
• Step 5: Look at all the styles provided by the theme in the dropdown menu. If you are not interested in any of them, you need to customize the CSS file.
• Step 6: On the WordPress dashboard, click on Appearance. Click on Customize link.
• Step 7: Look for the Additional CSS in Customize. Click on it.
• Step 8: In Additional CSS, you can override the rules that are written on the theme. You can give the new CSS rules to change the font size in WordPress as per your preferences.
• Step 9: For instance, if you want to increase your font size of the paragraphs to 22px,

you can write

p

{

font-size: 22px;

}

If you want to decrease the font size to 20px, change it back to

p

{

font-size: 20px;

}

Hit the Publish button. Now check your WordPress posts and pages to see your font sizes changed. Don’t play a lot with the CSS files or else you may end up messing with your blog design.

Wrapping up

The reason WordPress has become so popular among the bloggers and other webmasters is it offers incredible options to customize every bit of the website in the way we want. There are multiple ways to do everything, including changing the font size. Font size is an important factor to hold the attention of the visitors. Themes provide limited options to change the font sizes. We hope our tutorial has made it easy for you to change the font size on your WordPress blog. Customizing WordPress blogs is always fun! Please let us know via comments if you want us to cover any other WordPress tutorials.