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.

Wordpress Font - Benign Blog

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

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:

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:

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.




Related Posts

Problems and Solutions after Moving from Blogger to WordPress You have moved your blog from Blogger to self hosted WordPress! Congratulations, you did perfectly right. Blogger platform is good in its own way but ...
Customize Default Sharing Buttons On Blogger Blog – Tutorial Blogger platform was launched by Pyra Labs in 1999 which was later acquired by Google in 2003. Since then, Google has brought major updates to user in...
Customize “Comments” Links On Home Page Of Blogger Blog – Tutorial Today, Blogger is a widely used blog platform which is totally free and easily manageable. Users get the freedom to customize their websites according...
How To Recover From Effects Of Google Algorithm Changes – Self Help Guide Google is updating its search engine algorithm frequently which has widely affected numerous websites including some reputed large websites. This webs...
Blogging Techniques For A Successful Blogging You will find a lot of information about how to customize a blog, optimize it on search engines and other details related to blogging in this article....

Add a Comment

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