How to Customize Font Size In WordPress

Today we’ll be discussing the different ways to customize your fonts in WordPress. While you are writing a post you may want it to look a bit different. Like your post might have a heading which would be bold and also subheading which is the little bit smaller than the main heading. Besides this, you might want to write some quotes in italic and some lines may be bold also. So for all these, you will have to customize your fonts while writing the post. Below are two ways by which you’ll be changing styles of your text and fonts.

Method 1: Using the Paragraph Headings

We always want a bigger font size to grab the attention of our readers specially for the heading elements. When writing the post content, you can use different heading sizes. In the visual editor mode, you can see all the available items under the tab called “Paragraph” as shown in the screenshot below:

All these options for sizes are controlled by your theme’s stylesheet file (style.css) to make sure that the font size is coherent with everything. Choosing the right size for your heading and sub-heading from the drop-down list will make your job done. You can also make it bold, italic from other option available in the bar. Clicking on the “Toggle toolbar” option will give you more options to play around with the fonts and styling to make your post more attractive.

Method 2: Using Plugin

For this method, we use a WordPress plugin known as TinyMCE advanced. Just download the plugin and upon activation, simply go to Settings » TinyMCE Advanced to configure the editor settings. On this page, you will see the TinyMCE Editor toolbar with buttons. You will also see unused buttons below.

Now all you need to do is drag and drop the font size button from the unused buttons to any row in the toolbar. After that click on Save Changes button.

To see the button in action, create a new post or edit an existing one and you will see the default WordPress visual editor is replaced by the TinyMCE Advanced editor with the font-size button.

As you can see in the screenshot, you can select any font size you like from the drop down. This will give you more freedom over styling font things because now you can actually have font-size even smaller than the normal body font i.e 8pt or 10pt.

One and only drawback of this method is that if you ever change themes, you have to account for all the font size changes you made in individual posts.

Note: If you want to change the font size of all paragraphs (i.e the entire post content), then we recommend not using TinyMCE plugin, better make changes in css files.