How to Change Font Size in WordPress?

Increasing visitor engagement in websites is tricky, and creating easier to scan content is useful. 

Studies confirm that internet users only spend 5.59 seconds looking at a site’s content. 

Yes, web visitors do not read any content word for word. They only scan the page to pick out any important phrases. 

Suppose your post or blog is hard to scan or has long sentences. What would happen next? Any potential visitor will leave your website as quickly as possible. 

Apart from breaking up your content, crafting compelling subheadings, and using bulleted lists, it is crucial to level up your blogs/posts’ readability. 

While there are many things to bear in mind, it is always a brilliant idea to make your font size large enough to read legibly. 

Many people think of using engaging videos to increase engagement. Then, bloggers and other content creators forget to focus on and modify their font size until their web traffic suffers. 

A large/good font size works better from a distance, improves readability, levels up usability, and boosts visual impact. 

But how to change font size, especially in a WordPress-powered website? Good question, and we will try to cover top ways to modify your font size in WordPress. Let’s start! 

Use a WYSIWYG HTML Editor like Gutenberg 

The default visual editor of WordPress for many years is TinyMCE. Rich text editor TinyMCE that’s flexible and customizable. It is also easy to navigate and intuitive. But it lacks in drag and drop functionality. Now, the WordPress HTML editor is Gutenberg. Unlike TinyMCE, Gutenberg features drag and drop functionality, making everyone’s editing and writing experience convenient, easy, and simple. It is also possible to change font size even with the new WordPress HTML default editor. 

But how to do that? Here are a few steps to follow: 

–Choose a specific post you want to edit and modify. 

–Click on the block that contains texts that you like to change. 

–Choose the number manually. 

–Set your preferred options. It can be small, huge, normal, large, and medium. That’s it. 

But let’s be honest. The Gutenberg editor is generally limited because you can only modify the size of the paragraph test. For more flexibility, there are other alternatives to try. 

Take Advantage of a Plugin 

If you have tried Gutenberg and a bit disappointed with the results, the TinyMCE Advanced plugin comes to your rescue. 

Unlike Gutenberg, the TinyMCE Advanced plugin gives you more control over text formatting, font sizes, and other incredible features. It is not only useful with the CMS’ classic editor but is also compatible with the block editor. It has a new block commonly named Classic Paragraph with every TinyMCE control.

But WordPress is not available with TinyMCE Advanced. To use the plugin, having it installed and activated is important. 

If you have not ever used any plugin like TinyMCE Advanced, there’s nothing to be afraid of as the process is easy. 

All you have to do is to utilize the plugin search. Go to Plugins >>> Add New page within your WP admin area. 

After that, type the TinyMCE Advanced and other specific plugin names of your preferences. Then, tap the Install Now button. WordPress will install TinyMCE Advanced right away.

Once installed, your job does not stop there. Make sure to click on the Activate Button. From there, you can modify the plugin settings according to your choice and taste. 

To change the font size in WordPress, here are a few steps to follow and bear in mind: 

–Go to Settings >> TinyMCE Advanced plugin to easily change the editor settings. Here, you can set up the buttons you like to utilize in the plugin’s toolbar. You will also see two tabs, such as the classic editor and Gutenberg. 

–Scroll down and explore the Toolbar Settings. 

–Drag and drop the Font Sizes Button to the top toolbar. 

–Switch to the Classic tab and save the changes. 

–The TinyMCE editor will replace the default WP editor. Whether you create/write a new post or modify existing content, you can get the most out of the font sizes button. Also, you can change the font size on every page and post you have. 

It is a bit complicated. Do not worry as you will get used to it. If you have friends and colleagues who have WordPress-powered websites, do not be ashamed to ask for help. They are willing to assist you for sure. 

Use CSS 

You are a beginner. If yes, using CSS might not be perfect for you. But if you have prior experience and in-depth knowledge, changing font size in WordPress thru CSS is worth your time and attention. 

In using the default WordPress editor or a plugin, you can modify every page and post. CSS, on the other hand, you can change the font size on your whole WordPress site. So, it is time-saving and less stressful. 

When changing the font size in WordPress with CSS, you need to add lines of code, which is tricky and challenging. To add lines, an HTML editor will be of great help. But there’s a better alternative than that. The customizer is one of the more straightforward methods. 

Below are some steps you should follow: 

–If you are on the WordPress dashboard, go to Appearance > Customise. 

–Click Additional CSS. 

How to Add Lines of Codes? Here are a few strategies to try: 

–Changing the entire font: 

body {

font-size: 1.25rem; 

}

–Changing the fonts in a paragraph: 

p { 

Font-size: 25px; 

–Changing the fonts in a particular heading: 

h2 {

font-size: 2.5em;

}

–Customizing/personalizing footer font:

.footer {

font-size: 150%; 

–Changing the font in exact screen sizes 

html {

Font-size: 18px; 

@media (min-width: 900px) { 

html { 

font-size: 20px; 

}

}

If you have a background in adding codes and encounter some trouble, there are web developers and other professionals you can depend on and trust. While the services require additional cost, your website will look professional, making the expenses worth it. But be wary when selecting the right specialist. Do not be tempted to work with a specialist that does not have enough experience. 

Are you looking for ways to increase web traffic or improve visitor engagement? It is a perfect time to level up/improve the readability of your site. While enhancing your content quality may help, you can also not afford to ignore changing the font size in your WordPress-powered site or post. We hope this How-to guide helps you. You are welcome to browse our site for further details. If you experience a hard time modifying your page’s font size, better to entrust the job to an expert.

Post navigation