Table of contents

OverviewBlock editorCustom CSSBlock editorHow to change the font sizeTheme customizerBest practices for WordPress fontsCommon WordPress font issuesNext stepsAdditional resources

Get the industry’s fastest hosting for WordPress◦ 99.999% uptime
◦ Comprehensive security
◦ 24/7 support

WordPress Guide → Build → Embed YouTube Video

How do I change the font size in WordPress? (the easy way)

Knowing how to change the font size in WordPress is vital for improving readability and enhancing the visual appeal of your website. Whether you want your headings to stand out or adjust the body text for better legibility, WordPress provides several methods to customize font sizes.

Let’s look at a few different approaches, including using the block editor, custom CSS, plugins, and the theme Customizer.

Get fast, reliable hosting for WordPress

Power your site with the industry’s fastest, most optimized WordPress hosting

WordPress.org hosting

How to change the font size in WordPress (overview)

To change the font size in WordPress, you have a few options depending on how your site is built. If you’re using the Block Editor (Gutenberg), you can select a paragraph or heading block and adjust the font size in the block settings panel on the right.

For more control across your entire site, many themes offer typography settings in the Customizer under Appearance > Customize > Typography. If your theme doesn’t support these options, you can use custom CSS or a plugin like Easy Google Fonts to set specific font sizes for different elements.

How to change the font size (block editor)

Adjusting the font size in the WordPress block editor is simple and enhances the readability and aesthetics of your content.

Open the block editor: Log in to your WordPress admin dashboard and navigate to the post or page you want to edit. Click on the title to open the block editor.
Select the text block: Click on the block containing the text you want to modify, such as a paragraph or heading block.
Access the block settings: Look at the right sidebar of the editor. If it’s not visible, click the ‘Settings’ icon in the top right corner.
Adjust font size: In the block settings, find the ‘Typography’ section. Choose from predefined sizes or input a custom size using pixels (px) or ems.
Preview your changes: Click the ‘Preview’ button to see how the updated font size looks on your site.
Save your changes: If satisfied, click the ‘Update’ or ‘Publish’ button to save your changes.

How to change the font size (custom CSS)

Changing the font size with custom CSS allows for precise control over your site’s typography.

Log in to your WordPress dashboard and navigate to ‘Appearance’ > ‘Customize’.
Click on ‘Additional CSS’.
Identify the element you want to change the font size for using your browser’s developer tools (right-click the text and select ‘Inspect’).
Write your CSS rule. For example, to change the font size of post titles to 24 pixels, enter: .post-title %7B font-size: 24px; %7D
Click ‘Publish’ to save your changes and refresh your website to see the new font size.

How to change the font size

If you prefer a user-friendly approach, plugins offer an easy way to manage font sizes. Here are a few recommendations:

Fonts Plugin: Fonts Plugin is a lightweight plugin that lets you easily add and manage Google Fonts on your WordPress site without writing any code..
OMGF: Host Webfonts Locally is a plugin that automatically downloads and serves Google Fonts from your own server, helping improve privacy compliance and site performance.
Custom Fonts: Upload custom font files and specify sizes for different text elements, offering more control over typography.

How to change the font size in the theme customizer

The Theme Customizer provides a simple way to adjust font sizes. Follow these steps:

Log in to your WordPress dashboard and go to ‘Appearance’ > ‘Customize’.
Look for the ‘Typography’ or ‘Fonts’ section, which may vary depending on your theme.
Adjust the font size using a slider or input box labeled ‘Font Size’. You can use pixels (px), ems, or percentages.
Click ‘Publish’ to save your changes. Your new font size will be applied across your WordPress site.

Best practices for WordPress fonts

Adhering to best practices can significantly enhance the readability and user experience of your website.

Maintain consistency: Use the same font size for similar elements to establish a cohesive look and improve navigation.
Use relative units: Consider using ems or rems instead of pixels for better scalability across devices.
Prioritize accessibility: Aim for a minimum font size of 16px for body text and ensure good contrast between text and background.
Hierarchical font sizes: Use larger font sizes for headings to establish a clear hierarchy and guide the reader’s attention.
Test across devices: Test your font sizes on various devices and browsers to ensure legibility and appeal.

Common WordPress font issues

When learning how to change the font size in WordPress, you may encounter common issues. Understanding these problems can help you troubleshoot effectively:

Conflicting styles: If your theme or custom CSS contains rules that override font size changes, inspect elements to identify conflicts.
Cache: Clear your cache after making adjustments to ensure the most recent version of your site is displayed.
Theme and plugin conflicts: Some themes and plugins may restrict font modifications. Deactivate plugins one by one to identify conflicts, or switch to a default theme temporarily.

Upgrade your WordPress experience with better hosting

Choosing the right font size isn’t just about style—it directly affects readability, accessibility, and how professional your site looks to visitors. Whether you’re fine-tuning a single heading or adjusting typography across your entire site, knowing how to control font size is a simple but powerful skill.

To get started, open any post or page in the WordPress Block Editor, select a text block, and explore the font size settings in the right-hand sidebar.

Ready to upgrade your WordPress experience? Professional hosting improves speeds, security, and reliability for a website and a brand that people find engaging and trustworthy. Liquid Web’s WordPress hosting options configure business-class servers and support plans specifically for WordPress websites.

Don’t want to deal with server management and maintenance? Our fully managed WordPress hosting is the best in the industry. Our team are not only server IT experts, but WordPress hosting experts as well. Your server couldn’t be in better hands.

You can avoid site speed problems when you’re with Nexcess Fully Managed WordPress or Liquid Web’s suite of WordPress hosting solutions.