Question

How Do I Change Font Size in WordPress? Easy Guide

Posted on by William Zheng

Have you ever felt frustrated because the text on your WordPress site looks too big, too small, or just doesn’t match your style? You’re not alone—font size plays a huge role in how visitors experience your website.

Knowing how to change font size in WordPress helps you improve readability, grab attention, and reflect your brand’s personality. In this article, you’ll discover simple, step-by-step ways to adjust font size, along with helpful tips to create a polished, professional look.

Related Video

How to Change Font Size in WordPress: A Complete Step-by-Step Guide

Changing the font size in WordPress is a simple way to enhance your website’s look and improve readability for your visitors. Whether you use WordPress.com or a self-hosted site with WordPress.org, you can easily adjust font sizes for posts, pages, and entire sections of your website. Let’s dive into how you can do it, step-by-step, using several straightforward methods.

Why Change the Font Size in WordPress?

Adjusting your font size brings several advantages:

  • Improved Readability: Larger fonts make your content easier to read, especially on mobile devices.
  • Better Aesthetics: A well-chosen font size supports your website’s overall design and branding.
  • Accessibility: Using readable font sizes ensures that your site is welcoming for everyone, including visitors with visual impairments.
  • Emphasis: Changing font sizes lets you highlight headings or key information.

1. Changing Font Size with the Block Editor (Gutenberg)

If your site uses the WordPress Block Editor (also known as Gutenberg), adjusting font size is built right into the editing tools.

Steps:

  1. Open the page or post you want to edit in WordPress.
  2. Click on the block (such as a paragraph or heading) you want to change.
  3. In the right sidebar, find the “Typography” settings.
  4. Look for the “Font size” option. You’ll see preset sizes like Small, Normal, Medium, Large, or you can enter a custom value.
  5. Choose a preset or enter your desired size (in px, em, or rem).
  6. Update or publish your page.

Key Points:

  • Not all themes support all typography controls. If you don’t see the option, your theme may limit some styles.
  • The “Custom” option allows for precise control if presets don’t fit your needs.

2. Changing Font Size With the Classic Editor

Many WordPress sites still use the Classic Editor.

Steps:

  1. Open your page or post in the Classic Editor.
  2. Highlight the text you wish to resize.
  3. Use the “Paragraph” drop-down in the toolbar to set a heading level (e.g., Heading 2, Heading 3) for larger fonts.
  4. For more flexibility, switch to the “Text” tab (HTML view).
  5. Apply inline CSS, such as:
    Your text here
  6. Save or update your content.

Notes:

  • Using headings changes both size and semantic meaning, which helps with SEO and navigation.
  • For fine-tuned control, custom HTML or CSS is helpful.

3. Adjusting Font Size in the Customizer (For Whole Sections)

The WordPress Customizer provides a way to change font settings across your entire site or specific parts like headings and paragraphs.

Steps:

  1. Go to “Appearance” > “Customize” in your WordPress dashboard.
  2. Find the “Typography” or “Fonts” panel (label varies by theme).
  3. Adjust font sizes for headings, body text, and sometimes even menus or widgets.
  4. Preview your changes in real time.
  5. Click “Publish” to save.

Theme Tips:

  • Not all themes have a Typography section in the Customizer. Some may require a theme upgrade or a separate plugin.
  • Premium themes often give more typography options, including weight, line height, and letter spacing.

4. Using Plugins to Change Font Size

If your theme doesn’t offer font size controls, or you want more customization, plugins are a great solution.

Popular Plugins for Font Customization:

  • Easy Google Fonts
    Easily add and manage fonts, and adjust font sizes for any element.
  • WP Google Fonts
    Integrates Google Fonts and lets you set custom font sizes.
  • Advanced Editor Tools (formerly TinyMCE Advanced)
    Expands your editor with additional font size and formatting options.

How to Use a Plugin:

  1. Go to “Plugins” > “Add New” in your dashboard.
  2. Search for and install your chosen font plugin.
  3. Activate the plugin.
  4. Follow its setup instructions, usually under “Appearance” or in the editor.

Benefits of Using Plugins:

  • No coding required.
  • Many plugins let you target specific elements or sections of your site.
  • You can preview changes as you make them.

5. Changing Font Size With Custom CSS (Advanced)

For even more control, custom CSS lets you set font sizes exactly as you wish, no matter the theme.

Steps:

  1. Navigate to “Appearance” > “Customize”.
  2. Select the “Additional CSS” panel.
  3. Add your CSS code. For example:
    “`
    p {
    font-size: 18px;
    }

h2 {
font-size: 30px;
}
“`
4. Click “Publish” to apply the changes.

Tips for Custom CSS:

  • Use browser developer tools (inspect element) to identify the exact class or element you want to target.
  • Add custom CSS gradually and preview before publishing.
  • If making many changes, consider creating a child theme to preserve updates.

6. Changing Font Size for Mobile Devices

Responsive design ensures your font sizes look good on all screen sizes.

How to Set Responsive Font Sizes:

  • Many themes and plugins allow you to customize font sizes for mobile, tablet, and desktop separately.
  • In Customizer or plugin settings, look for controls labeled “Responsive” or device icons.
  • For custom CSS, use media queries, such as:
    @media (max-width: 768px) {
    p {
    font-size: 16px;
    }
    }

7. Practical Tips and Best Practices

Making your fonts look great isn’t just about changing their size. Here are some expert tips:

  • Readability Comes First: Don’t use very small or excessively large fonts.
  • Limit Font Variety: Stick to 2-3 fonts and size variations for a cohesive look.
  • Maintain Hierarchy: Make headings significantly larger than body text for clear content structure.
  • Preview Changes: Always preview your changes on different devices before publishing.
  • Test Accessibility: Ensure your font choices are readable to users with visual impairments.

8. Troubleshooting Common Challenges

Changing font size in WordPress can run into a few issues. Here’s how to address them:

  • Options Missing?
    Your theme might not support font options. Try a plugin or custom CSS.

  • Changes Not Showing?
    Clear your site and browser cache. Some caching plugins delay the appearance of changes.

  • Font Size Looks Different on Devices?
    Use responsive settings or media queries to fine-tune your font size for tablets and mobiles.

9. Cost Considerations

Most ways to change font size in WordPress are free:

  • The Block Editor, Customizer, and most plugins don’t cost anything.
  • Some premium themes or plugins offer advanced typography features, usually for a one-time fee or subscription.
  • No shipping or additional costs are involved with digital plugins and themes.
  • Always try free methods or plugins before investing in premium solutions.

10. Conclusion

Customizing font size in WordPress enhances both the appearance and usability of your website. Whether you use the Block Editor, Customizer, plugins, or custom CSS, you have several straightforward options to achieve the perfect look. Remember to maintain readability, test changes on all devices, and keep your site accessible for all users.

Frequently Asked Questions (FAQs)

How do I quickly change the font size for a single paragraph in WordPress?
To change a single paragraph’s font size, use the Block Editor. Click the paragraph block, then adjust the “Font size” option in the sidebar. If you use the Classic Editor, switch to the HTML view and wrap your text in a ` tag with a customfont-size` style.

Can I change font size for the entire site at once?
Yes! Use the Theme Customizer by going to Appearance > Customize > Typography (if supported by your theme) to set site-wide font sizes for headings and body text. If your theme doesn’t offer this, you can use a plugin or custom CSS.

What if my theme doesn’t have any font options?
If your theme doesn’t support font size adjustments, install a font management plugin or add custom CSS through the Customizer’s “Additional CSS” panel.

Will changing font size affect my site’s SEO?
Direct font size changes don’t affect SEO, but using proper heading tags (H1, H2, etc.) and keeping your text readable improves both user experience and SEO performance.

How do I ensure my font sizes look good on mobile?
Check for responsive font settings in your theme or plugin. Alternatively, use custom CSS with media queries to set specific font sizes for different screen sizes, ensuring an optimal reading experience on mobile devices.

Post Views: 8