How to Change Font and Font Size in WordPress Posts

Changing font family and font size can be difficult for some WordPress users as no options are provided in Post Editor to apply custom font to selective text and change its size as required without making changes to remaining text in posts and pages. Although, text color can be changed easily through ‘Visual’ editor and any part of written text can be highlighted or underlined through the same. But problem arises when someone wishes to go ahead and change font or size of text in paragraphs or lines. Visual editor does have an option to adjust size of heading text but that can not fulfill requirement of formatting your posts. So, keeping requirement of WordPress users in mind, we have explained how to change font family and font size in posts and pages. These are just simple codes which you need to wrap your text with and customize as required.

Before starting:
– Use ‘Text’ mode of Post/Page editor.
– Paste codes in editor and do further editing.

Change Font Family:
So, you need to change font family, just use the code given in the box below:

<span style=”font-family: ‘Times New Roman’;”>Your Text Here</span>

Note that we have used Times New Roman font in our example. To change font family, write font name in place of Times New Roman. For example write Arial, Calibri, Tahoma, Verdana or any other font name of your choice.

In place of Your Text Here write your own text of which you need to change font family.

Change Font Size:
You can change font size as you wish in posts and pages. Use the following code:

<span style=”font-size: 14px;”>Your Text Here</span>

Change 14 of our example with any figure according to your need. Add your own text in place of Your Text Here.

Change Font Family and Size:
You can change both font and font size of text. Use the following code:

<span style=”font-family: ‘Times New Roman’;”><span style=”font-size: 14px;”>Your Text Here</span></span>

As described above, Change Times New Roman with font name of your choice. This will change font-family. Change 14 with any figure that suits your need. This will change font size. Place your text in place of Your Text Here.

So, these are the simplest methods to play with different fonts and font sizes. No matter you need to change font or font size of a word, line or entire paragraph, just use these codes. As mentioned in the beginning, you must use Text mode of editor while pasting and editing these codes. Visual editor will not help. After finishing editing, you can switch back to Visual mode.

Note: These codes may or may not work for you depending on the theme that you are using. Your current theme may override the customization that you have made to the text in posts.