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

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

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 code, 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.

If you want to change the font sizes on your entire website, you’ll need to use your theme’s options, or, if there aren’t any, contact the developer and ask him to let you know what CSS modifications you need to make.

Change the font size using the TinyMCE plugin

Before I get to the plugin, I want to point out a mistake that most 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 using HTML

This is more for people that don’t like using the Visual editor, and prefer 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, 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.

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.



By | 2018-02-17T20:00:52+00:00 May 17th, 2016|How to, Plugins, Tips|6 Comments

6 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

    Hi,

    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

      Hello!

      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.

Leave A Comment