• Business + Productivity
  • Creative Projects
  • Recipes
  • Travel
    • Disneyland
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Tauni Everett

Bibbidi Bobbidi Chew

Tauni Everett » Business + Productivity » Blogging » WordPress » How to Change Fonts in WordPress

How to Change Fonts in WordPress

UPDATE: An error occurred in the code below when this post was published, it should be correct now. Please leave any problems or questions in the comments. Thanks!

title

So, have you ever been a little frustrated that there isn’t an easy way to change the text size or font when writing a WordPress post? Well, today I’m going to show you how to change the font type or size, using a little html. Don’t worry, its not as hard as it sounds. 🙂

In this example we are going to change a few words to be 24px.

First make sure you are in the “Text” editing mode…

text tab copy

You will see sets of code where you saw images when you were in the “Visual” tab and the text will look a little more mechanical.  Find the text you want to change and put this at the beginning of it:

<span style=”font-size: 24px;”>

Then put </span> at the end of the text you want changed. MAKE SURE you do this part or all the text after that first part of code will be changed and things get royally messed up when you don’t close a piece of code.

So for example, if I wanted to make the text “MAKE SURE” above to be 24px the code in the text editing tab would look like:

<span style=”font-size: 24px;”>MAKE SURE</span>

And thats it! Pretty easy right? You can also use this to change other aspects of text such as the color or the font. (WordPress has a built in way to change the color of text though)

If you want to change the font of the text you would add font-family: ‘NAME OF FONT’; in between the parentheses, after that first semicolon. You do have to be careful with fonts though because if the person viewing your site doesn’t have that particular font on their computer they will not see that text in that font. So its best to stick with fonts that come default on the majority of computers OR there is a great resource called Google Web Fonts, but thats a tutorial for another time.

Leave any questions in the comments and I’ll try my best to help!

Related Posts

  • Blogger or WordPress?
  • How to Install a Font on Your Computer!
  • How to Truncate Posts in WordPress
  • Poll Change
  • Best WordPress Plugins for Bloggers
  • How to Create a Navigation Bar in WordPress
  • How to Install a WordPress Pinterest Plugin
  • Best Pinterest Plugin for WordPress
about me
post summary
Popular Posts


Tauni Everett

Tauni Everett

Creative Director at Tauni Everett
Tauni is a former public relations executive who spent 12+ years handling communications and events for an array of clients, from the NBA and Olympics to numerous high ranking politicians. Today, she handles social media for a local agency and hosts Snap, an annual social media conference for bloggers focused on entertaining, craft and home DIY.











Power Bio Box by Zyra Console



You are here:
Home
Business + Productivity
Blogging
WordPress
How to Change Fonts in WordPress
Title:
How to Change Fonts in WordPress

Authors:
  • Tauni Everett
Categories:
  • Blogging
  • WordPress
Mentions:
Not Specified

Keywords:
How to Change Fonts in WordPress

Last Updated:
November 14, 2018

  • How to Get the Most Out of a Blogger Conference
  • How to Connect with Brands on Twitter
  • How to Use Emojis on a Mac Keyboard
  • How to Embed an Instagram Post
  • How to Manage Multiple Accounts on Instagram
  • How to Save Posts on Facebook for Later
  • How to Schedule Facebook Posts
  • Five Tips for a Successful Blog

«
»

Blogging, WordPress 8

Comments

  1. Karri says

    February 28, 2013 at 9:41 am

    Hmmm. I can’t seem to get it to work. I am in the HTML tab and after saving it and clicking on preview, this is what it ends up looking like (and yes, I am closing the code)
    24px;”>this is a test

    8px;”>testing 1 2 3

    Reply
    • Amy @ LexiLyn Studio says

      March 7, 2013 at 10:32 am

      HI Karri! It looks like there was an error when publishing this post so the code did not publish correctly….I will fix it right now. Let me know if it still doesn’t work for you.

      Reply
    • Amy @ LexiLyn Studio says

      March 7, 2013 at 10:46 am

      Karri it should be correct now….try it again. Thanks!

      Reply
  2. DeDe@DesignedDecor says

    March 18, 2013 at 10:59 am

    Yeah,I did it! Now, how about color?

    Reply
    • Amy says

      June 23, 2013 at 9:05 pm

      You should be able to just highlight the text and change the color with the WordPress formatting tools. 🙂

      Reply
  3. Christi says

    May 18, 2013 at 10:06 pm

    this is so helpful and makes it seem so easy…. Thank you!

    Do you have any advice on how to change sidebar fonts?

    Reply
    • Amy says

      June 23, 2013 at 9:04 pm

      Christi….to change the sidebar fonts you need to change the CSS of your theme…its a little more complicated. I’d be happy to help if you need!

      Thanks!

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Featured Posts

Disneyland Lunar New Year Mandarin Mousse Cake

The Best Disney Lunar New Year Food

Disneyland Lunar New Year Festival Entrance

Disney Lunar New Year

12 CLASSIC DISNEYLAND TREATS 1

12 Classic Disneyland Treats You Can Get All Year Round

Disneyland Snacks that Will Not Wreck Your Diet Bengal Outback Skewer

10 Disneyland Snacks That Will Not Wreck Your Diet

WordPress Hosting by House of Ideas

Copyright © 2023 SNAP! Creativity · Design by: Key Lime Digital Designs· Darling Theme