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
Elegant Themes
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. Once you install and activate this plugin, it will add numerous other features to your Visual Editor. One of those features is font-size.

TinyMCE Advanced Font Size

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 lovers 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 »
  • Briony

    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

    • http://www.wpbeginner.com/ WPBeginner Support

      You can not use plugins on WordPress.com

  • Cheeni

    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!

  • Emel

    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.

  • Gurpreet

    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?

    • http://www.wpbeginner.com/ WPBeginner Support

      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.

  • Sarah

    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?

  • Sunganani

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

  • Tom Reber

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

  • Radek

    Nice tutorial. Thanks!

  • Balaji

    Thanks for this post.

  • Ivor Vale

    Can you adjust the spacing between paragraphs in WordPress ?

    • http://www.wpbeginner.com Editorial Staff

      Yes, but you would have to edit the theme’s CSS.

  • Dominique

    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.

  • thethaiguy

    You guys are great and thank you for info!

  • Michael

    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.

  • Raja Tahir Qaiser

    Can I know how to change default font size ?

    • http://www.wpbeginner.com Editorial Staff

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

  • Jake

    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!

  • http://www.facebook.com/profile.php?id=100002832123362 Bozga Ovidiu

    i don’t like plugins

    • http://www.wpbeginner.com Editorial Staff

      Any particular reason for that?

  • Ashutosh Joshi

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

    • http://www.wpbeginner.com Editorial Staff

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