When you create a WordPress website, changing font size becomes an essential feature. You might desire to change your header's font size, overall paragraph, or just a selected element. Either fashion, knowing how to alter the font size in WordPress is always immensely helpful.

WordPress is the most user-friendly platform that makes creating a website effortless. Information technology provides multiple options on how you tin can modify the font size. And then in this writeup, we are going to talk over three smart ways to alter the font size in WordPress.

Let u.s. dive right in:

Tabular array of Contents

  • 1. Irresolute Font Size Using Theme Settings
    • Changing Font Size in WordPress Header
    • Changing Font Size in WordPress Block Editor
  • 2. Changing Font Size Using Custom CSS
    • For Changing The Unabridged Font Size Using Custom CSS
    • For Irresolute The Paragraph'due south Font Size Using Custom CSS
    • For Irresolute Specific Heading'south Font Size Using Custom CSS
    • For Changing Sidebar's Font Size Using Custom CSS
    • For Changing Footer's Font Size Using Custom CSS
    • For Irresolute Specific Screen Font Size Using Custom CSS
  • three. Changing Font Size Using WordPress Plugin
  • Terminal Verdict (The Safest Mode To Change Font Size in WordPress)

1. Irresolute Font Size Using Theme Settings

You may have 1 of the best WordPress themes. Simply if you don't know how to change the font size in WordPress using the theme settings, the functionality goes down the drain.

The correct font size and typography can immediately set an atmosphere for what your visitors are looking for in your website. It drives them to read your content.

Also, cheque How to Add Custom Fonts to WordPress.

In this section, we volition evidence you simple ways to utilise your theme settings to modify the font size.

Using the appropriate header size is an effortless manner to grab your visitor'southward attention. Your content might be splendid, but inconsistent employ of headings doesn't make your website await well-organized. So, follow the steps beneath to change your font size in WordPress Header:

  • Search for the ' Heading ' cake in the Common Blocks section.
  • This block is gear up to Heading 2 by default. You can use it for your subheadings. Yet, if you want to adjust the heading size, click on the H2 drop-downwards tab and choose a different heading size.
selecting heading size
  • You can even change the heading colour from this block.

If you are using the archetype editor on WordPress, y'all can change the heading font by clicking 'Paragraph' driblet-down and selecting the appropriate heading size.

Selecting appropriate size

Changing Font Size in WordPress Block Editor

If you want to modify the font size of the whole post or a particular paragraph, there is an piece of cake way to do it. You lot can use your WordPress default block editor. Most of the themes nowadays have the Gutenberg editor. This page architect makes editing the media-rich posts easier.

Here is how to alter the font size using Gutenberg editor:

  • Select the post y'all want to edit or simply click on ' Add together New. '
  • At present select the paragraph or the office of the text, of which you lot want to change the font size.
  • Select the text size under ' Text Settings ' located on the right-hand side.
Selecting text and adjusting the size
  • Drop-down the font size option. Hither you will discover Minor, Normal, Medium, Big, and Huge options. Select the selection you prefer.
  • You tin can likewise manually set the text size number.
Select the size for the block

At that place is an alternate way to alter font size using your WordPress theme settings. This method works mostly in premium themes. Here are the steps:

  • Go to the Appearance and then click on Theme Options.
  • Look for an option like ' Styling ' or ' Typography. '
  • Under this option, you can find multiple options to change the font size.
  • Select the advisable size you want.

ii. Changing Font Size Using Custom CSS

If you lot cannot alter the font size using your theme settings, custom CSS might be some other way to practice information technology. Yet, this way is a fleck more than tricky than the above method.

Using the custom CSS, yous can easily modify the font size of the whole mail and keep the changes permanent for new posts equally well. You demand to add a few lines of codes in this method. It is amend to consult your theme developer or review the certificate before proceeding to the custom CSS method.

Also make certain to fill-in your electric current CSS file before making any changes. We recommend using a staging website.

Follow the steps below to change the font size using custom CSS:

  • Become to your theme's dashboard.
  • Click on ' Advent ' and so on ' Customize. '
changing font in custom CSS
  • Curlicue downwards and click on ' Additional CSS. '
Additional CSS

At present you demand to add the following codes in the box on the left-hand side:

Type the codes in the custom CSS

For Irresolute The Entire Font Size Using Custom CSS

                          trunk { font-size: i.25rem; }          

For Changing The Paragraph'due south Font Size Using Custom CSS

                          p { font-size: 25px; }          

For Changing Specific Heading's Font Size Using Custom CSS

                          h2 { font-size: 2.5em; }          

                          .sidebar li { font-size: 12px; }          

                          .footer { font-size: 150%; }          

For Changing Specific Screen Font Size Using Custom CSS

                          html { font-size: 18px; } @media (min-width: 900px) { html { font-size: 20px; } }          

Custom CSS editing allows four dissimilar units to mensurate the font size:

1. Em (em): This unit is mainly used in web media documents. 1em equals 12 points.

2. Pixels (px): This unit of measurement is mainly used in screen media. 1px equals to i dot on a LED/computer screen.

3. Points (pt): This unit is used for traditional printed media. 1pt is equal to 1/72 inch.

4. Percent (%): The default value for this unit is 100%. This value changes afterwards zooming in and out.

3. Irresolute Font Size Using WordPress Plugin

The final method to alter the font size in WordPress is by using a WordPress plugin. The reason nosotros have included this method in the last place is that plugins bloat your website. They add extra code to an existing set of programs. Plugins increase the number of code loading on each page, thus increasing the loading fourth dimension.

More the loading time, more are your chances of losing visitors on your site. A study also shows that 52% of WordPress vulnerabilities are due to plugins. Then, How many plugins are also many?

If you have considered going on with this method, you need to install a plugin named TinyMCE Advanced. This is a popular plugin in the market for irresolute the font size. Now, y'all can follow the steps beneath:

  • Login to your WordPress dashboard.
  • Go to Plugin and then click on Add New.
  • Y'all will find a search bar on the height right. Type "TinyMCE Avant-garde."
  • Click on ' Install ' to install the plugin.
  • Click on ' Activate ' to actuate the plugin.

Subsequently activating the plugin:

  • Go to the Settings page on your WordPress Dashboard.
  • Click on 'TinyMCE Advanced' plugin.
TinyMCE advanced plugin
  • Here you will notice ii dissimilar tabs – Block Editor (Gutenberg) and Classic Editor (TinyMCE) .
  • Click on Classic Editor (TinyMCE) and enable the editor menu.
  • Motility the Font Sizes drop-down by dragging it upwards.
  • Save the changes.
Edit font size in TinyMCE plugin
  • After you accept saved the changes, create a new post, or edit an existing one. You will at present notice a archetype paragraph editor.
  • Select the texts you want to adjust and choose the font size you want on the editor.

TinyMCE Avant-garde plugin will likewise add a lot of new options and features on your WordPress. These features will help y'all to upgrade the visual appearance of your website drastically.

Last Verdict (The Safest Mode To Change Font Size in WordPress)

The most sustainable and safest way to modify WordPress's font size is using the theme's settings. In case the theme you are using does not accept this pick, we recommend changing the theme.

If your WordPress theme does non accept this basic characteristic, who knows what other essential features might be missing?

So for this, y'all can opt for Blossom Themes. Blossom themes consist of themes in various niches like blogging, magazines, coaches, charity, travel and many more than.

You can opt to apply plugins and custom CSS equally an alternative method. Choose the selection that suits you the best.