The ability to change the font size in WordPress doesn’t come by default. You either need to install a plugin or use some HTML, if you are a bit more advanced and like to use the Text editor.
In this article, I’ll show you how to change the font size in WordPress by using both a plugin and HTML.
Please note that these techniques should only be used occasionally! For example, if you want to make a paragraph bigger on a post once in a while.
They are inefficient if you’re planning to change the font for an entire page or website, or for different paragraphs across multiple pages or posts.
For more extensive and frequent text styling, you’ll have to use your theme’s options or CSS classes.
Change the font size using the TinyMCE plugin
Before I get to the plugin, I want to point out a mistake that some people make, which is to use the Headings feature to write content/paragraphs.
As you can see in the above image, in your Visual editor, you can select headings from 1 to 6.
If you care about SEO (Search Engine Optimization), never write paragraphs using them. They should only be used for titles and sub-titles.
The best practice is to have only one H1 heading on your page, which should be the main title/topic of your post/page, and the rest of them should be H2, H3, and so on.
There’s quite to talk about when it comes to a proper headings structure, but we won’t cover that in this article. You can find out more info here, though.
Now, back to our plugin.
The TinyMCE Advanced plugin will enable a lot of features, which will be very useful, especially for beginners.
After you install the plugin, you’ll need to go to Settings -> TinyMCE Advanced, and drag the Font Sizes button from the Unused Buttons to the toolbar.
Press Save Changes and open a new or old post to see how it looks like.
As you can see, a drop-down appeared from where you can select your font size. Let’s enlarge the first paragraph to see how it will look like.
First, select the paragraph, and then choose the desired font size from the drop-down:
That’s how you change the font size in WordPress using TinyMCE Advanced!
Change the font size using HTML
This is more for people that don’t like using the Visual editor, preferring the Text one, and are also more advanced when it comes to WordPress and HTML.
But, since we’re only talking about a very simple piece of HTML code (plus inline CSS), even beginners can use it.
So, once you’re in the Text editor, insert this code right before the piece of content that you want to enlarge:
<span style="font-size: 14pt;">.
Then, add this at the very end of the text that you want to enlarge:
</span> – this is the closing tag.
Note: You can use whatever sizes you wish instead of that 14pt; that was just a random number for the sake of the example. You can use 15pt, 16pt, 23pt, 45pt, etc. You can also use ‘px’ or ’em’ instead of ‘pt’.
Here’s an example:
Now that paragraph will have the font size of 14pt.
Using HTML will also come in handy if you want to use other font sizes, rather than the ones offered by the TinyMCE plugin, or bigger than 36pt.
That’s it! Now you know how to change the font size in WordPress using HTML too!
That’s a wrap
Hope you enjoyed the post and found it useful.
Don’t forget to share it with your friends!
If you have any questions or thoughts, please drop a comment, contact us, or message us on Facebook.