How To

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

Are you struggling with how to change the font size in WordPress? Congrats! You have landed on the right page.

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. 

Fonts are actually 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 text available in text editors for example Sans Serif fonts.

Font size is an attribute of the font which 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.

Why 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. 

The first reason is to increase the readability of the content. By increasing the size of your content. The content will be easier for the audience to read and get engaged with your content. As if the font size is too small it may be difficult to read for some people.

Font size is also a vital part of the design of the website. As some text should be larger in size like Headings, titles, and also subheadings. And the body text should be a little smaller than the headings to get a better and more uniform look of the post. 

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

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.

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

1. 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, an 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, you can 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.

2. Change Font Size Using The Block Editor

Now 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.

You can 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 own 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.

3. 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>

4. Change Font-Size By Using CSS

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

5. 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.

6. Change Font-Size Using Plugins

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

Let’s have a look at how they work.

  • TinyMCE Advanced:

Advanced Editor Tools

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.

  • Easy Google Fonts:

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.

  • WP Google Fonts:

Google fonts typography

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.

  • Custom Fonts:

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. 

  • Font Resizer:

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.

  • 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 widgets titles.

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

Conclusion:

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 goes back. 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)

Q: Is It Possible To Change The Font Size in WordPress?

Ans: 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.

Q: Which Font Size Is Perfect For WordPress?

Ans: 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. 

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

Ans: 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.

Q: In WordPress How Can We Make The Font Size Responsive?

Ans: 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.

Q: What Is The Difference Between Font Size And Fonts?

Ans: Fonts are actually 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.

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