Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Change the Font Size in WordPress

Last updated on by
Follow WPBeginner on YouTube
How to Change the Font Size in WordPress

Recently one of our users asked how to change the font size in WordPress post and page content. There are a few possible ways to doing so. In this article, we will show you how to change the font size in WordPress.

Video Version

Method 1: Using the Paragraph Headings

Most of the time people want a bigger font size to grab attention of their 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:

Visual Editor Paragraph Heading

These sizes are controlled by your theme’s stylesheet file (style.css) to make sure that the font size is coherent with everything. In most cases, one of the heading sizes should get the job done. Also, there are noted SEO benefits for using heading tags to emphasize main keywords i.e headings.

Method 2: TinyMCE Advanced Plugin

This method utilizes a WordPress plugin known as TinyMCE advanced. Upon activation, simply go to Settings » TinyMCE Advanced to configure the editor settings. On this page you will see the TinyMCE Editor tool bar with buttons. You will also see unused buttons below.

Adding the font size button to TinyMCE Advanced tool bar in WordPress

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 font-size button.

Font size button in WordPress post editor

As you can see in the screenshot above, that you can select any font size you like from the drop down. This gives you more freedom over things because now you can actually have font-size even smaller than the normal body font i.e 8pt or 10pt. The biggest downside of this method is 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 DO NOT use the TinyMCE advanced. Rather, you would need to adjust the styling in your style.css file.


Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »

Comments

  1. Jo-Anne says:

    I have tried to download TinyMCE several times without success. When I try to open the files. everything appears to be written in Arabic (characters look like that!) Any other suggestions as I’m new to WordPress and would love to get my website up and running. Thank you!

  2. Cinnamonblue says:

    NO Thanks for NOT publishing my comment. I did see in another comment that I cannot use TinyMCE or plug ins on WordPress.org.

    I’m still not sure about paragraph headings, though. I have that button, but I didn’t seem to be able to get it to give a dropdown menu or anything.

    One main reason I got frustrated with WP was that I couldn’t seem to change font size and the text of my blog always seemed too small.

  3. Anthony says:

    thank you so much.
    i am relieved now that i have this plugin

  4. Laura says:

    Thank you so much for the tutorial! I was able to change the font size in my posts…. but I cannot figure out how to change the font for the widgets in my sidebar… any suggestions?

  5. Grace Joubarne says:

    I sure wish someone could explain how we can change the post title font size without the change affecting the Recent Posts widget. I am using the basic Twelve Thirteen. It offers advanced Post Title font changes with a link found directly under the title. But totally useless, since any changes equally affect the Recent Posts box!

  6. Grace Joubarne says:

    What about changing the font size of the Title….when I try to do this, the Recent Posts in the sidebar increases in size and looks terrible. No way is offered to resolve this anywhere that I can find…and I’ve been looking for hours. But unless I reduce the title size, the default size is so large it takes up half the opening page.

  7. Greg Smith says:

    Are these option, including the plugin font size options not available if you host your own site or something? I did everything everybody says to do, dragging the font size button to the bar etc., and I get no option to resize fonts no matter what.

    I also have no “paragraph” menu.
    Thanks.

  8. WPBeginner Staff says:

    We have updated the article with new instructions. Hope this resolves the issue. Thanks for notifying us.

  9. Colin says:

    In method 2 described in this article- the font size option does not exist when you install it. It does add options (most of which already exist) but the one that nearly everybody wants is sadly absent. I guess photoshop was used for the above illustration

  10. Pastelaso29 says:

    how can I change the font of a specific title page without affecting the title on the rest of the pages?

  11. Casey says:

    I installed the plug-in from the link on this page and installed and activated it. I opened the second menu with the last button on the first row but it looks the same as before I installed it. I tried deactivating and reactivating several times but the option to change the font is still not there. A new row at the top (I think it’s new, anyway) appeared with “file”, “edit”, “insert”, etc. right above what used to be the first row.

  12. richard lee morris says:

    Thanks! This article helped me. I was guided to the “extended” menu — by clicking the last button “Toggle Toolbar.”

  13. Sharon Seltzer says:

    Your video was very helpful. I already found and changed the size of the one font my WordPress Theme gives me, but it’s a beginning. I will download your suggested Plugin.

  14. Liz says:

    AMAZING tutorial, thank you!

  15. KevinJosephCollinson says:

    Great short video. This helped a lot…. Thanks!!!…. Tip for others… Please make sure that when you “Go To Settings” and you see the “TinyMCE Advanced” text in the drop down Menu… Remember to configure your Toolbar with the Font Size etc otherwise you will not have it in your toolbar as the toolbar has much more options and the Font Size is not an automatic part of your new toolbar… So simple with the drag-and-drop to configure…. Thanks again for the great share and taking time to help other people!!!

  16. juna id says:

    I have Tinymceadvanced plugin installed in my WordPress Blog and i am using Sahifa wordpess theme but still in new post page i don’t find Font size option, :(

    • WPBeginner Staff says:

      Please report in the plugin’s support forum and attach a screenshot of your post editor.

      • Andriken sonwane says:

        hii mod ‘ update your post and add a extra line about this problem solution ‘ i had replied it on juna id comment’ i will be glad if you do it ‘ Thanks by d way !

    • Andriken sonwane says:

      hii juna id ‘ dont worry i was dealing with the same problem but then after i figured out that ‘ you have to go to TinyMce Advanced plugin which is located in the Setting ‘ after activated and then drag the font size option from unsed options and drop it right in used option’ and save it ‘ that’s it :)

  17. Chris says:

    Thanks for this article. One of my biggest pains about posting on WP is resolved forever!

  18. Dr3Tri says:

    I have not ever seen those toolbars. I wonder if ANYONE would actually ask this question if they’d have those menus right under their noses!

    Just found out that toolbar must be _extended_ to see those MOST usable buttons… :D

  19. Craig Desmarais says:

    I am having a weird issue. I set my main points to H2 tags and they were showing up but when I tried to switch them to H1 to make them larger they weren’t showing up. Anyone have any insight?

  20. Briony says:

    Hi There
    I found your video really helpful. Can you insert plugins tp change font size on wordpress.com or only wordpress.org. I need to change font size under photo’s on wordpress.com.
    Cheers

  21. Cheeni says:

    Hello,
    I want to change font of my headings and other items apart from posts.
    I have tried to amend css style sheet but I am lost because nothing happens and I have never used it before as well.
    Please help!
    Tine MCE only helps with post sizes but what about other things on website?

    Thanks!

  22. Emel says:

    Downloaded and activated this plug-in, but as a couple of users mentioned earlier, it doesn’t include the option to change the font size. All of my options are the same as the picture you provided with the exception of the Font Size. In place of it, I have Styles. Your picture is very misleading.

    • Chris says:

      How is ‘jumping to conclusions without exploring a plugin’ working for you? Please don’t be a moron when someone takes the pain of creating an entire article explaining stuff. You posted this 3 months ago and your question was answered by the admin below a comment posted 1 month prior to that.

  23. Gurpreet says:

    My add/edit post window does not have the entire second line of options that you have pictured in this tutorial. This means that I don’t have the paragraph tab in which to change font size. Any advice?

    • WPBeginner Support says:

      The second line of buttons appears when you click on the last button in the first row, its called show/hide kitchen sink button. Clicking on it will display another row of buttons in your visual post editor.

  24. Sarah says:

    My add/edit post window does not have the entire second line of options that you have pictured in this tutorial. This means that I don’t have the paragraph tab in which to change font size. Any advice?

  25. Sunganani says:

    The TinyMCE Advanced plugin is just the one for my site. It is working beautifully. Thank you for this post

  26. Tom Reber says:

    Thank you, thank you, thank you! I appreciate the article…very helpful!

  27. Radek says:

    Nice tutorial. Thanks!

  28. Balaji says:

    Thanks for this post.

  29. Ivor Vale says:

    Can you adjust the spacing between paragraphs in WordPress ?

  30. Dominique says:

    Don’t forget to click the “Show/Hide The Kitchen Sink” button in the visual editor to display the paragraph setting. It’s hidden by default.

  31. thethaiguy says:

    You guys are great and thank you for info!

  32. Michael says:

    Another way is to use a theme framework like Thesis, and I suppose Genesis or Headway and the like(I use Thesis, so it’s what I’m familiar with). You have a dashboard to easily change anything you like anywhere, such as font size in specific locations.

  33. Raja Tahir Qaiser says:

    Can I know how to change default font size ?

    • Editorial Staff says:

      You would need to edit the style.css file and change the font size on your body element.

  34. Jake says:

    How do you give the user an option to change the font size and elements (if they have bad eyesight, etc.) Here is an example: drwalisever. com. In the top right corner there are 2 buttons. It uses the Fusion theme, which is no longer developed. A tutorial would be great, thanks!

  35. Bozga Ovidiu says:

    i don’t like plugins

  36. Ashutosh Joshi says:

    But I think will effect in SEO, as there are no option for Heading tags are being shown.. is it so?

    • Editorial Staff says:

      The heading tag options only show up in the visual editor. If you are in the HTML editor, it will not show.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.