How to Change the Font Size in WordPress via Plugin or HTML

>How to Change the Font Size in WordPress via Plugin or HTML
  • font-size

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.

You might also want to learn:

Change the font size in WordPress 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.

WordPress headings

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.

TinyMCE Advanced plugin settings

Press Save Changes and open a new or old post to see how it looks like.

TinyMCE Advanced font sizes

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:

Change the font size in WordPress with TinyMCE

And voilà!

Font size in WordPress

That’s how you change the font size in WordPress using TinyMCE Advanced!

Change the font size in WordPress 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:

changing font size in WordPress using HTML

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.

WP Rocket - WordPress Caching Plugin
By |2018-10-12T15:10:42+00:00May 17th, 2016|Customization, Plugins, WordPress|13 Comments


  1. Christian June 11, 2017 at 4:06 PM - Reply

    Thank you a lot, I’ve been looking for this because the font on my blogs is too small I have come to find. Actually I thought I would need to get a new theme, but using this html-code is simple and all enough maybe. So thanks!
    Cheers, Chris

  2. Manoj June 15, 2017 at 9:51 AM - Reply

    I am already using TinyMCE Advanced plugin. It is an awesome tool to manage WordPress visual editor. This post is very helpful for the beginners.

    Take care,

    All the best.

  3. Walexy July 19, 2017 at 11:09 AM - Reply

    Thank you so much for this information it ‘s helpful.

  4. Emily Brown October 11, 2017 at 8:39 AM - Reply


    Thanks for sharing such an important article.

    I have used it and its really working, thanks a lot for sharing a simple and easily understandable blog. It is very helpful for all.

  5. jitendra November 8, 2017 at 11:35 AM - Reply

    Thanks for the post. I got your point. But I want to know more… I want to make the bigger size of some special word in a sentence without any plugin. Special words in a sentence. Like we are doing in MS word. Can it possible? Hope your answer.

    • ThemeSkills November 13, 2017 at 1:31 PM - Reply


      If you don’t want to use a plugin, then use the HTML code I provided in the article. Wrap any word in that, and you’ll increase its size.

  6. Sagar Patil March 1, 2018 at 12:51 PM - Reply

    that code helps, thanks

  7. Hafiz June 13, 2018 at 8:00 AM - Reply

    Hy, I’m using 14pt size in my posts. what is a problem using this font size? tell me bro i’m waiting

    • ThemeSkills June 13, 2018 at 3:42 PM - Reply

      Hello! I don’t see any problem with that…

  8. Cletus August 17, 2018 at 6:55 PM - Reply

    How do I style it ? I want something like italic and other type of font style. Not size.

    • ThemeSkills August 17, 2018 at 7:43 PM - Reply

      You’ll need TinyMCE Advanced for both your requirements since it will be easier.

      For italic, select your text, then go to Format and select Underline. If you want to change the font, you can do so by selecting another one from the font drop-down menu. If it’s not there, go to TinyMCE’s settings and drag it to your toolbar like you see in the screenshot.

  9. Bini September 26, 2018 at 8:18 AM - Reply

    Thanks for the code. You saved my day:)

    • ThemeSkills September 26, 2018 at 4:06 PM - Reply

      You’re welcome! I’m glad it helped you! 😀

Leave A Comment


- Get guides and offers right into your inbox -

The type of emails that you would like to receive (multiple selection allowed):

You can unsubscribe at any time by clicking the link in the footer of the emails. For more information, please check the privacy policy.

I use MailChimp as my emailing service. By subscribing, you understand that your email and preferences will be transferred to MailChimp. Learn more about MailChimp's privacy practices here.