Do you want to change the font size in WordPress posts or pages?
Changing the font size in WordPress is a simple way to improve the readability and appearance of your website. Whether you want to make headings stand out, adjust text for better accessibility, or match your brand’s style, WordPress offers multiple ways to customize font sizes.
You can use the built-in editor, theme settings, or custom CSS to make these changes easily. In this post, we’ll explore different methods to quickly change the font size in WordPress, ensuring your content looks professional and user-friendly.
In this post, we will show you different ways to change the font size in WordPress and give your content more power.
Table Of Contents
1 Why You Should Change the Font in WordPress?
Typography can give any website a whole new appearance and feel. Everything from the font size to the color of the text can be a factor. It’s a means of indicating professionalism and is frequently used to engage a specific audience.
On a desktop computer, some WordPress layouts may look stunning while they may appear radically different when seen on a mobile device.
Your content’s structure is important for visitors and SEO. A decent content structure helps search engines scan the primary subjects of your content, particularly lengthy ones. This will assist in obtaining a higher ranking on search engine results pages.
There are various ways you can change the font size in WordPress. So, without further ado, let’s get started.
2 How to Change the Font Size in WordPress
Let us now discuss how to change the font size in WordPress.
2.1 Using the Headings
One of the easiest ways to change the font size in WordPress is by using headings. Headings naturally appear more prominent than regular body text in most themes, making them a great way to grab the audience’s attention. They also help organize your content by dividing posts and pages into clear sections, improving readability.
Headings play an essential role in SEO. Search engines prioritize properly structured headings over regular paragraph text, making them essential for both user experience and search rankings.
By using headings effectively, you can enhance your content’s visibility while keeping it well-structured and engaging.
2.1.1 Changing Font Styles in Block Editor (Gutenberg)
To change the font size in the Gutenberg editor, navigate to your post or page.
Heading 2 will be the default for the block. If you want to modify this, select a new size from the ‘H2’ drop-down menu.
You can also adjust the size and color in the block settings on the right-hand side of the screen.
Once you’ve made the necessary changes, update/publish the post.
2.1.2 Changing Font Styles in Classic Editor
If you use the WordPress classic editor, you can use the Paragraph drop-down to add headings. To do so, navigate to your post or page.
Select the text you wish to make a heading from the Paragraph drop-down menu and choose your heading size, as shown below.
Once you’ve applied the necessary changes, update/publish the post.
2.2 Using the Advanced Editor Tools Plugin
Another simple way to change the font size in WordPress is to use the Advanced Editor Tools plugin. Formerly known as TinyMCE Advanced, it is a WordPress plugin that provides you additional flexibility over font sizes and text formatting, among other things.
After installation, the plugin adds a Classic Paragraph block to the Gutenberg editor. To use the plugin to change the font sizes in WordPress, you need to install and activate it.
To do so, navigate to the Plugins page of the WordPress admin dashboard. Look for the plugin in the available search bar, install and activate it.
Navigate to Settings → Advanced Editor Tool (TinyMCE Advanced) to configure the editor settings. This is where you may customize the TinyMCE Advanced toolbar with the buttons you want to utilize.
Next, navigate to your post or page. Now, search the Classic Paragraph block. It will be automatically added since you activated the plugin.
Add it to your post or page. You can now use the editor as you would if using the classic editor style and alter the font in WordPress using the tools provided.
2.3 Using Full-Site Editor
To change the font size using the Full-Site Editor in WordPress, navigate to your WordPress dashboard and click Appearance → Editor to open the Full-Site Editor.
Once inside, select the template or template part where you want to adjust the font size.
In the settings panel, locate the Typography section and expand it. Here, you will find the option to change the Font Size. You can select from predefined sizes like small, medium, large, and extra-large or enter a custom size for more precise control.
After selecting the desired font size, review the changes in the editor preview to ensure they appear as expected.
Once satisfied with the adjustments, click Save to apply the changes site-wide.
2.4 Using the CSS code
Using CSS to change the font size in WordPress requires adding a few lines of code, but it gives you full control over your site’s typography. With CSS, you can adjust the default paragraph size across your entire website for a consistent look.
The easiest way to do this is by navigating to Appearance → Customize and using the Theme Customizer.
Some WordPress themes have built-in options to adjust font size, making it easy to customize text without writing any code. If your theme includes this feature, you can modify font sizes directly from the settings. However, if your theme doesn’t offer this option, you can still take control by using custom CSS.
To do so, navigate to Appearance → Customize → Additional CSS in your WordPress dashboard. Here, you can add font size rules and instantly see the changes in the live preview. This allows you to fine-tune your website’s font exactly how you want it.
Add your code to the CSS text box. For example, we have changed the font size to ’15px’, you can choose a different font size.
p {
font-size:15px;
}The modifications will be immediately visible in the preview on the right-hand side of the screen. To make it live, click the Publish button at the top of your screen once you’re satisfied with the font size.
The above code will change the font size only for paragraphs. If you want to change the font size for all H2 sub-headings, modify the above code as shown below.
h2 {
font-size:32px;
}3 Conclusion
Typography plays an essential role in a website’s readability and overall design, making it essential to know how to adjust font sizes in WordPress.
The right font size can make your content more engaging and easier to read. Fortunately, making these adjustments is simple. If you’re familiar with CSS, you can manually customize your theme. For beginners, using a plugin offers a quick and hassle-free solution.
By selecting the best method for your needs, you can enhance user experience and create a website that is visually appealing, professional, and accessible.
What design elements do you use to highlight your content? What font size works best for your website? Let us know by tweeting @rankmathseo. 💬
