Changing the font size on your WordPress site can improve readability and enhance your design. WordPress offers several methods for changing font size, depending on your needs and technical skills. Here’s a step-by-step guide on how to change your WordPress font size using the built-in editor, plugins, or custom CSS.
Method 1: Using the Block Editor (Gutenberg)
If you’re using the Gutenberg block editor (introduced in WordPress 5.0), changing the font size is very easy for individual blocks of content.
Steps:
- Log in to your WordPress dashboard and go to the post or page where you want to change the font size.
- Select the block of text you want to edit (e.g., Paragraph block).
- On the right sidebar, find the Block settings. If it’s not visible, click the gear icon in the top-right corner to open the settings panel.
- In the Typography section, you’ll see options to adjust the font size.
- You can choose from pre-defined sizes like Small, Normal, Medium, Large, or Huge.
- If you want a custom size, click Custom and enter your preferred font size in pixels (e.g., 18px, 24px).
This method is useful if you want to adjust the font size for specific sections of text without affecting your entire website.
Method 2: Using a Plugin (For Site-Wide Font Changes)
If you want to change the font size across your entire website or have more control over font styles without writing custom CSS, using a plugin is an excellent option.
Recommended Plugin: Easy Google Fonts
- Install the Plugin:
- From your WordPress dashboard, navigate to Plugins > Add New.
- Search for Easy Google Fonts and click Install Now, then activate the plugin.
- Customize Font Size Using the Customizer:
- Go to Appearance > Customize.
- Select Typography from the menu.
- Choose which part of your website you want to modify (e.g., Body, Headings, etc.).
- Adjust the Font Size slider to increase or decrease the font size for each section.
This plugin allows you to change font sizes site-wide and provides a simple interface to tweak typography settings.
Method 3: Using Custom CSS
For more precise control over your font sizes, you can add custom CSS to your WordPress theme. This method requires basic knowledge of CSS but gives you complete flexibility in defining font sizes for different elements.
Steps:
- Log in to your WordPress dashboard and navigate to Appearance > Customize.
- Scroll down and click Additional CSS.
- Add your custom CSS code to target specific elements. For example:
- Publish your changes after previewing them in the Customizer.
This method allows you to modify the font size for specific HTML elements like paragraphs (<p>
), headings (<h1>, <h2>, <h3>
), and others across your entire website.
Method 4: Using the Theme Customizer
Many WordPress themes come with built-in typography options that allow you to change the font size through the Theme Customizer.
Steps:
- Go to Appearance > Customize from your WordPress dashboard.
- Look for a Typography or Fonts option in the Customizer menu (this depends on your theme).
- You’ll likely have options to change the font size for body text, headings, and other elements.
- Adjust the sliders or input fields to change the font size, then click Publish.
If your theme supports it, this is the easiest way to make site-wide changes without using a plugin or custom CSS.
Conclusion
Changing your font size in WordPress can be done in several ways, depending on your goals. For small adjustments, the Gutenberg block editor is perfect. If you want to adjust font sizes site-wide, using a plugin like Easy Google Fonts or your theme’s customizer is ideal. For advanced control, adding custom CSS is the most flexible option.