---
title: "How to Change the Font Size in WordPress"
description: "Styling and formatting pages and posts in WordPress is an easy, yet important, task when creating engaging content for your website visitors. Content that is optimized for quick reading decreases..."
url: https://www.inmotionhosting.com/support/edu/wordpress/change-the-font-size-in-wordpress/
date: 2020-08-24
modified: 2026-03-11
author: "InMotion Hosting Contributor"
categories: ["WordPress Tutorials"]
type: post
lang: en
---

# How to Change the Font Size in WordPress

![Change font size in WordPress](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/ChangeFontSizeb-1024x538.png)

Styling and formatting pages and posts in [WordPress ](https://www.inmotionhosting.com/support/edu/wordpress/)is an easy, yet important, task when creating engaging content for your website visitors. Content that is optimized for quick reading [decreases your bounce rate](https://www.inmotionhosting.com/blog/bounce-rate-how-to-improve-it-on-your-wordpress-website/) and boosts your website views — and hopefully your business!

The easiest way to add formatting to your pages and posts is to change the font size in WordPress. The new WordPress editor, [Gutenberg](https://www.inmotionhosting.com/support/edu/wordpress/gutenberg/what-is-gutenberg/), makes this task even easier by allowing you to add header and paragraph blocks – each with simple customizations you can enable per your needs.  

Continue reading to learn how to:

- [Changing Font Size in Pages and Posts](#Changing-Font-Size-pages)
- [Changing Font Size in WordPress Globally](#Changing-Font-Size-globally)

## **Changing Font Size in a Pages and Posts**

With the addition of Gutenberg, formatting your font size in pages and posts is a quick, easy task. To format your text:

1. [Log into the WordPress Dashboard](https://www.inmotionhosting.com/support/edu/wordpress/logging-into-wordpress-dashboard/).
2. [Create a new Post/Page or edit an existing Post/Page](https://www.inmotionhosting.com/support/edu/wordpress/create-edit-pages-posts-wordpress/).
3. Within the Gutenberg editor, click the **+ sign **in the upper left corner or within the page.
4. Once the block library appears, click **Header **or **Paragraph** to add either respective text block.
5. If you choose **Header**, you can change the header size by clicking on the dropdown under *Typography > Preset Size *in the right-hand menu. You can also change the header tag by clicking **H2** on the block menu that appears above the header. In addition, you can bold and italicize the text, change the alignment, and customize the background and text colors.
6. If you choose** Paragraph**, you can complete the same configurations as above (with the exception of changing the tag) as well as add a **Drop cap **by enabling the setting under *Text settings* in the right-hand menu. 
7. When finished, click **Publish** or **Update **to save your changes. 

![Adding header or paragraph block](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/ChooseBlock-1024x563.png)

![Adding header block](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/Headersizes-1024x462.png)

![Adding color to header block](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/Headercolor-1024x462.png)

![Adding paragraph block](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/ParagraphBlock-1024x462.png)

## **Changing Font Size in WordPress Globally**

If needed, you are able to [globally change the font size of headers and paragraph text quickly](https://www.inmotionhosting.com/support/edu/wordpress/change-font-globally/). This might be needed if the preset sizes determined by the theme are too small or too large per the needs of your website. 

With simple [CSS](https://www.inmotionhosting.com/support/website/website-design/beginner-web-design/), you can change the font size in the* Additional CSS *screen in the customizer. You can do this by:

1. [Log in to the WordPress Dashboard](https://www.inmotionhosting.com/support/edu/wordpress/logging-into-wordpress-dashboard/).
2. Navigate to **Appearance > Customizer**. 
3. Scroll down and click on **Additional CSS**.
4. Add the code, then click **Published **to save your changes. 

For paragraphs, add the following code and change the font size per your needs:

```
p {
font-size:16px;
}
```

For header text, add the following code and change the font size per your needs. You can also change the h2 to h3, h4, etc. to indicate the [header tag](https://www.inmotionhosting.com/support/website/website-design/understanding-markdown/) you’d like to edit. 

```
h2 {
font-size:32px;
}
```

![Additional css option in customizer](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/AdditionalCSS.png)

![adding custom css in customizer](https://www.inmotionhosting.com/support/wp-content/uploads/2020/08/GlobalFont-1024x862.png)

For more WordPress tips and tricks, check out our [WordPress Education Channel](https://www.inmotionhosting.com/support/edu/wordpress/)!