GuidesHow To

How To Change Font Size In WordPress (6 Easy Methods)

Are you struggling with how to change the font size in WordPress? 

Suppose you want to change the font size in WordPress. How will you do this? It is a simple task. You will find the easy methods in this article to guide you about how to change font size in WordPress. 

Every individual tries to make his website look professional and branded to drive more traffic and views. Having too small content on the site will frustrate the visitors and as a result, they lose interest and leave your site in search of a well-structured one. Therefore, knowing how to change the font size in WordPress is always immensely helpful.

You can easily change the font size of your headings, a whole paragraph, or just a piece of content using WordPress itself as it is a very user-friendly editor. Just like the word processing editor, WordPress also provides multiple options to change the font size. You can also use a plugin or add a CSS code to your site to change the size of your font.

Here is a complete tutorial for you to know more about different ways to change the font size on WordPress and also using other popular tools. But before diving into the process, let’s figure out the need to change the font size on WordPress.

Why Do We Need To Change Font Size In WordPress?

Changing the Fonts, their color, and size are of great importance in WordPress. There are a few reasons why you need to change the font size. 

1. Readability Of The Content:

The first reason is to increase the readability of the content. By increasing the size of your content, it will be easier for the audience to read and get engaged with your content. If the font size is too small, it might be tough to read for people who wear spectacles.

By adjusting the font size, you can improve the overall readability of your content and make it more comfortable for visitors to read on different devices.

2. Design Of The Website:

Font size is also a vital part of the design of the website. Title text should be larger for Headings and subheadings. The body text should be a little smaller than the headings to get a better and more uniform look of the post. 

Changing the font size can be used to create a visual hierarchy and draw attention to important elements on your page.

3. Accessibility:

Maintaining the sizes adjustable will make it more accessible for people with visual impairments. This will help the audience to adjust the font size according to need and preference.

Larger font sizes can make it easier for people with visual impairments to read the text on your site.

4. Help In Ranking of the Article:

The structure of your content determines the stay time of the audience on your page. If your heading structure is good, then the longer the stay time of the audience will make your web page rank on the top search result pages. 

5. Branding:

Using a specific font size can help establish your brand identity and make your site stand out.

Therefore, changing the font size in WordPress can have practical, design, and branding benefits for your website.

How To Change Font Size In WordPress (6 Easy Methods):

Sometimes, while writing an article, you want to highlight some words by increasing the font size. Or sometimes you want all the content to be more significant in size to look appealing according to the theme. It is simple.

  1. Using Paragraph Headings In Visual Editor
  2. Change Font Size Using Text Editor
  3. Change Font Size Using The Block Editor
  4. Change Font Size Using Gutenberg Editor
  5. Change Font Size By Using CSS
  6. Change Font Size Using Plugins

Let us have a look at the methods of how to change font size in WordPress easily. 

i. Using Paragraph Headings In Visual Editor:

In the visual editor, you can change the font size from the formatting toolbar. You will see a dropdown list in the older classic editor with different heading sizes. You need to highlight the text you want to change the size of and select the desired size from the paragraph dropdown list.

In the default WordPress block editor, change the size of the font by adding the ”Heading” block. You can find it in the “Text” section. The default value for the heading block is H2, as it seems good for subheadings. But if you want to change this, select the new heading size in the heading dropdown block.

Using these headings, you can change the font size according to your theme and to make your content look more appealing. Using different headings is also an important factor for SEO. The content with different headings has more weightage for search engines than the content without using headings.

how to change font size

ii. Change Font Size Using Text Editor:

In WordPress, if you like working in the text editor, you can add your HTML tags for the formatting of the text. You can change the size of the text by using the paragraph tag and font size attribute in it.

The following code may be helpful for you to increase the size.

<p style = “font-size:18px;” > Your text is added here whose font size you wanted to increase </p>

change font size via text editor

iii. Change Font Size Using The Block Editor:

Suppose, you want to change the size of the whole paragraph and full post in a larger font, you can do it from the block editor.

Select the font size on the right-hand side under “Typography” on any paragraph block.

You can select any option from the dropdown list. The options contain Small, Normal, Medium, Large, and Huge under the dropdown list. You can also change the custom font size in pixels of your desire. 

It is noted that this feature is only available in the default editor, not in the old classic editor. Upgrade your editor to get new features.

Gutenberg editor is also known as the block editor so don’t be confused between them.

iv. Change Font Size Using Gutenberg Editor:

You can also use the Gutenberg editor to change the size of your font. As it is the new edition of WordPress. Open the editor for the page or the post for which you want to change the font size.

On the right-hand side of the screen in the block setting panel, scroll down to the “Typography” section. In the font size slider, change the size of the text as you desire and save the page.

In the Gutenberg editor, you can easily drop and drag media files into posts just like in other page builders. 

Follow these steps to change the font size 

  • Pick the post in which you want to change the size of the font 
  • Click on the three dots menu and get the typography setting

Change Font Size Using Gutenberg Editor

  • Here, hover your mouse cursor over the block and choose the suitable size among small, medium, large, and extra large. 

Change Font Size Using Gutenberg Editor

  • If you want to change the size of the font, but it is not present in the option, you can choose the custom font size in the Size Custom field. Choose from px, em, and rem. 
  • Or you can move the slider and change the font size according to your preference. 

Change Font Size Using Gutenberg Editor

  1. Make your desired changes and click the “Save & Publish” button to apply the changes to your site.

NOTE that the specific steps for changing the font size may vary depending on your theme. If your theme does not have a built-in font size option in the Customizer, you may need to add custom CSS to your site to change the font size.

v. Change Font Size By Using CSS:

If you have a good background in programming and want to have full command of the content and its appearance on your site, use CSS. By adding custom CSS to your stylesheets, you can make the text more appealing and eye-catching.

If you are a beginner, this one might not be suitable for you. The best part of this method is that you don’t need to change the font size for each web page one by one, instead, the font size will be changed for the whole site. 

Follow the underlying methods to change the font size by using CSS. 

  • Go to the WordPress dashboard via admin login 
  • Then go to the Appearance -> Customize -> Additional CSS option 

  • Now, add the underlying code on the left-hand side. 

You can add the codes according to your preference, like; 

If you want to, 

  1. Change the font of the entire website copy and paste this code body { font-size: 1.25rem; }
  2. Change the font of the paragraph, then paste this code p { font-size: 25px; }
  3. Change the font size of the specific headings, then use this code h2 { font-size: 2.5em; }
  4. For modifying the sidebar font size, use this .sidebar li { font-size: 12px; }
  5. For modifying the footer font, use this .footer { font-size: 150%; }
  6. If you want to change the particular screen size fonts,  html { font-size: 18px; } @media (min-width: 900px) { html { font-size: 20px; } }

In CSS, styling 4 different units are used for size measurement; 

  1. Em (em): this unit is used for media documents for the web. 
  2. Pixels (px): Used for screen media 
  3. Points (pt): for traditional printed media 
  4. Percent (%): the default unit is 100% which is usually used for zoom in and zoom out. 

vi. Change Font Size Using Plugins:

There are different plugins available for changing the size of fonts in WordPress. Some popular font plugins are TinyMCE Advanced, Easy Google Fonts, WP Google Fonts, Custom Fonts, Font Resizer, Font Size, etc.

Let’s have a look at how plugins work.

1. TinyMCE Advanced:

Change Font Size Using TinyMCE Advanced

It is a free plugin available for changing the size of the font in WordPress. Install and activate the plugin. In the setting panel, you will find two tabs, Block Editor and Classic Editor.

In the Advanced setting, you need to enable the classic editor and go to your post. Highlight the text and change the size of the paragraph editor.

The Advanced Editor Tools (previously known as TinyMCE Advanced) is a plugin for the WordPress platform that extends the functionality of the default WordPress editor (known as the TinyMCE editor).

This plugin provides a range of advanced features and options for editing posts and pages, including additional formatting options, more buttons, and a variety of customization options.

Some of the features of the Advanced Editor Tools plugin include:

  • Advanced formatting options
  • More buttons
  • Customization options
  • Support for external plugins

Installation:

The Advanced Editor Tools plugin can be installed and activated in the same way as other plugins in WordPress. Once installed and activated, it will enhance the functionality of the default WordPress editor, making it easier and more intuitive to format and style your posts and pages.

To use the Advanced Editor Tools plugin to change the font size in WordPress, you can follow these steps:

  1. Log in to your WordPress dashboard.
  2. Go to Plugins > Add New.
  3. Search for “Advanced Editor Tools” (previously known as “TinyMCE Advanced”) and install and activate the plugin.
  4. Go to the post or page where you want to change the font size.
  5. Click on the “Visual” tab in the WordPress editor.
  6. Highlight the text that you want to change the font size for.
  7. In the toolbar, click on the “Format” dropdown and select “Paragraph“.
  8. In the same dropdown, select the “Font Size” option.
  9. Choose the desired font size from the list or enter a custom font size in pixels.
  10. The font size of the selected text will be changed.
  11. Preview the changes and publish the post or page to make the changes live on your site.

NOTE: The specific steps for changing the font size may vary depending on the version of the Advanced Editor Tools plugin you are using.

Be sure to consult the plugin documentation for more information on how to use the plugin to change the font size in WordPress.

2. Easy Google Fonts:

Change Font Size Using Easy Google Fonts

Install and activate the plugin. Now, in your WordPress dashboard go to Appearance and then Customize. On the left-hand side of the customizer click on Typography. Highlight the text for changing the size.

Now, click on the Edit Font button next to it, and a pop-up window will appear. Here, a slider for changing the font size is present, adjust the size and save the changes.

3. WP Google Fonts:

Change Font Size Using WP Google Fonts

WP Google Fonts is a plugin you can install on your WordPress site. In the dashboard, go to Appearances and then Customize. In the left sidebar, click on Typography and Google Fonts Link.

Here, you can search and select the desired font and adjust its size by using the slider given. Select the text to change the size and save the changes.

4. Custom Fonts:

Change Font Size Using Custom Fonts

Custom Fonts is also a well-known plugin for changing the size of fonts. Install and activate the plugin on your WordPress website. Under the Custom Font Settings, you can change the font settings like adding a new font, Editing existing font, font size, weight, and style.

Select the text you want to change the size of. Change the font settings and then save the changes for your page or post. 

5. Font Resizer:

Change Font Size Using Font Resizer

Add the font resizer plugin to your WordPress site. After activating the plugin, go to the settings in the dashboard. Find the option for changing the size of the font.

Select the text to change the size from a dropdown or slider given. Save the changes and preview the changes. If you are not satisfied, you can change it again and again.

6. Font Size:

Font Size is also a well-known plugin for changing the font size. After installation and activation of the plugin, go to Font Size settings under the Settings panel of WordPress. By using the dropdown menus or input fields, you can change the size of text, headings, and widget titles.

After the desired font size settings, you can save the changes and preview changes for personal satisfaction.

Conclusion:

To make your content engaging and more comfortable to consume, knowing how to change the font size in WordPress is a must-have skill. Content whose font size is suitable and perfectly adjusted is more likely to fascinate the visitors and make them comfortable to read.

Font sizes are an important part of the content. Suppose you write the best article by putting your all efforts into it. But the font size is smaller. It is difficult for the visitor to read the content. He needs to focus a lot on the content. Due to the difficulty in reading the content, he bounces back and does not stay on your page. So all your efforts go in vain. 

So, adjusting the size is an important part of your content. You need to make the content readable and appealing to your customers. It will also help in ranking the page if the readability is good.

So, you can choose any of the above methods to change the font size. Choose the one that looks easy to you. You can choose the default methods as well as plugins.

Frequently Asked Questions (FAQs):

Is It Possible To Change The Font Size in WordPress?

Yes! It is possible. There are several ways to do this. The easiest way is the default WordPress block editor, where you can change the font size under the Typography option. Other methods include HTML, CSS, plugins, etc., to change the size of the fonts.

Which Font Size Is Perfect For WordPress?

For the normal main body text, the font size should be 18 pixels or 20 pixels. As the larger size increases the readability of the blog or article. As for mobile, there should be a larger font size like 20 pixels to make it easy to read on small screens. 

Is It Possible In WordPress To Make Font-Size Responsive?

Yes, font size can be responsive. This will be helpful to get eye-catching easily readable content on all devices of different sizes. The font size will adjust itself according to the type and size of the device.

In WordPress, How Can We Make The Font Size Responsive?

To make the font size responsive for the text editor widget, you can follow the following steps.

  • Open the left options panel.
  • Go to the Global Styles.
  • Here, you need to enable the Global Styles.
  • Now, set the font size for the mobiles and tablets.

What Is The Difference Between Font Size And Fonts?

Fonts are the typography or styles in which the characters are written in the Text editors in the soft form and printable form, There are different writing styles of the text available in text editors, for example, Sans Serif fonts. 

Font size is an attribute of the font that specifies the size of the Text, whether the text is big or small. The size of the text is measured in points. Through this unit, you can adjust the size of the text of your content.

How Can I Change the Font Size in WordPress For the Entire Site?

To change the font size for the entire site, you can modify your theme’s CSS file. If you’re not comfortable with code, you can use a plugin like Simple Custom CSS.

How Can I Change the Font Size for a Specific Section or Element on my WordPress Site?

To change the font size for a specific section or element on your WordPress site, you can use CSS selectors. You can add custom CSS code either directly to your theme’s stylesheet or by using a plugin like Simple Custom CSS.

Can I Change the Font Size in the WordPress Editor?

Yes, you can change the font size in the WordPress editor. Go to Settings > Writing, and then look for the “Editor font size” option. From there, you can adjust the font size to your liking.

How can I Change the Font Size in WordPress Without Access to the Backend or Code?

If you don’t have access to the backend or don’t know how to code, you can use a plugin like Easy Google Fonts or Use Any Font to change the font size in WordPress. These plugins allow you to change the font size using a visual interface, without any need for code.

Can I Change the Font Size in WordPress for Specific Pages or Posts?

Yes, you can change the font size for specific pages or posts in WordPress by using custom CSS. You can add custom CSS code to the specific page or post using a plugin like Simple Custom CSS and JavaScript or by using the WordPress block editor and adding a Custom HTML block.

If you have any queries about the Font Size and methods of changing it, you can drop a comment below. Thanks for visiting.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button