1. Home
  2. WordPress Tutorials
  3. How to Change Your WordPress Font Size
Experience Faster, Secure and Eco-Friendly Web Hosting for your Website or Blog. Learn More.


How to Change Your WordPress Font Size

wordpress font size

The size of your font can influence how people view your website. After all, you wouldn’t want something that was too small to read on various devices. It could cause people to stop trying to read the text and leave your site. Changing the WordPress font size may contribute to those visitors spending more time reading your content.

In this tutorial, we’re going to show you a few ways you can change the size of your font. This is a relatively easy process, but we’ll show you some methods and some great tools to give your content more power behind its meaning.

Why You Should Change Your Font

Typography can add a completely different look and feel to virtually any website. This could be everything from the size to the color of the words you use. It’s a way to denote a level of professionalism and is often part of engaging a specific type of audience.

Some WordPress layouts may look beautiful on the desktop computer. However, they could take on a completely different appearance when viewed on a mobile device such as a smartphone or tablet.

This is why you should always test your websites on those devices. You may find the font is simply too small or that it looks terrible on mobile technology.

Other typography changes can instill a sense of what the company is about and the overall tone of the content. For instance, a larger font size while using Comic Sans can deliver a more fun and jovial atmosphere as opposed to something like a smaller Times New Roman.

Some of this attraction can be developed by using free fonts on your website or finding the perfect typography that fits your niche.

Using a Theme to Change the Font Size

Themes set the tone for the rest of the website, which includes the color, style and shape of the typography. Some themes are built with the ability to change these defaults. If you don’t like the appearance of your content, you may be able to change it directly from the theme.

To do this:

Step 1: Go to the “Appearance” area of the WordPress dashboard.

appearance

Step 2: Your theme should be the first in the list. Click on the “Customize” button.

customize

Step 3: This loads the customizer for WordPress. Along the left, you’ll see a variety of options available. These may be different depending on your theme. Some will have a setting specifically for fonts while others may have a control for “Typography.” It’s in this setting where you can control the defaults in many templates.

typography settings

Step 4: Once you have changed your settings, click the “Save” button at the top and then click the “X” on the top left corner to close the customizer.

close customizer

Not all themes have this feature built in. If you cannot find a font setting control, then your theme may not support customizing the text in such a way.

Using TinyMCE Advanced

The TinyMCE Advanced plugin adds a lot of tools and functionality when it comes to creating content. Among these is a way to change your WordPress font size. To use this tool to change your text:

Step 1: Go to the plugins area of your WordPress admin panel.

Step 2: Add a new plugin and search for “TinyMCE Advanced.”

tinymce

Step 3: Once you install and activate this plugin, a new feature will become available in the “Settings” area of WordPress. It will be called, “TinyMCE Advanced.” Click this to open the plugin’s settings.

tinymce settings

Step 4: In this window, you’ll see a series of four toolbars that you can add functions to. Drag and drop the Format, Font Family and Font Sizes into the toolbar in any location you wish. All of these buttons are movable to give you a completely custom appearance.

toolbars

Step 5: Click the “Save Changes” on either the top or bottom right side of the settings window.

save button

Step 6: Go into any post or page in WordPress.

Step 7: Now you can alter the font in a variety of ways based on the tools provided in TinyMCE Advanced. Just highlight the text you wish to edit and choose from one of the functions you moved from the above step.

alter fonts

Although TinyMCE Advanced is a convenient tool, it’s not supported by every theme. Unfortunately, there are some themes that do not support the use of the plugin in the text editor.

If your toolbars are not showing up from the plugin, try switching your theme to determine if it’s causing the problem.

Using Headings to Change Size and Add SEO

In some instances, you may just want your words to appear larger in order to create a header. In this case, you may want to change the text to an actual heading. Not only does it give the text a more clear appearance, but it will also contribute to part of your SEO practices.

To change the text to a heading:

Step 1: Highlight the line of text in your editor by holding down left-click and selecting the words.

highlight text

Step 2: Click on the “Paragraph” drop down window in the WordPress visual editor. From here, you can select one of the several headers that are available.

paragraph

Step 3: Select one of the formats you wish to use. This will automatically alter your text to the heading you clicked.

formats

Step 4: Save your work.

Depending on the type of editor you’re using, you may also have a control in your toolbar of the editor for “Format.” If you select your text and click on this tool, a drop down window will show additional options.

In this window, click on the “Formats” from this list. It will show you a variety of things you can do directly to the text.

Other Plugins for Changing Font Size

One of the beautiful things about WordPress is the number of developers that solve a problem in their own way through the use of plugins. Here are a few you may be interested in when it comes to altering the font size of your posts or pages.

Fonts

Fonts plugin

The Fonts plugin adds styles and sizes to your visual WordPress editor much like TinyMCE does. The only real difference is that it doesn’t come with all of the extra features. However, it’s a small and simple plugin that offers the ability to control your text.

Font Size

Fonts size plugin

Perhaps one of the most basic and easy-to-use plugins for typography, Font Size allows you to change the default sizes of your text based on its location. For example, you can modify the sidebar, footer and header text to all be a different size.

Zeno Font Resizer

zeno font resizer

Some developers feel that giving visitors control of the resize process is more convenient. Zeno Font Resizer is one such plugin that gives that ability. By using a sidebar widget, those who come to your website are able to select a smaller or larger font based on their personal preference.

Advanced Font Changer

advanced font changer

Advanced Font Changer offers more than just making changes to the size of your text. You also have control over many different aspects such as shadow, decorations, weight, color and more.

While some themes offer an amazing appearance, there is nothing wrong with customizing your WordPress font size. Whether you want to make your posts and pages look good on mobile or want to make sure your guests can read the text, it’s all a matter of personal design preference. Take your content further by exploring what you can to do the words you type.

What kind of additions do you have for accentuating your content? What default size of font is perfect for your website?

Author: Josh Dargie

My name is Josh Dargie and I’m the Operations Manager at GreenGeeks. I’ve been with the company since 2009. I have over 16 years of experience working with and for various web hosting providers specifically in development, day-to-day operations and customer service.

Updated on March 6, 2017

Was this article helpful?

Related Articles

Add A Comment