Free Webinar

Replay Now Available!
How to Build a WordPress Plugin
Watch Today!

Webinar Replays

Miss the live version?
Watch the Video Replay Now!
View Today!

Hi! I'm Dustin

My Goal is to Inspire You to
Do Amazing Things with WordPress
Learn More about Me
042 – Add Custom Fonts to Your WordPress Website
 
Play
Announcements

podcastawards.com/
Technology category
Podcast name: Your Website Engineer
Podcast url: yourwebsiteengineer.com

Listener Feedback

How do you measure the number of followers?

Add Custom Fonts to Your WordPress Website

1. TypeKit.com
- This is a free / paid option (pricing)
- Sign up for an account
- They will provide you with a code to paste into your header.php file
- Then you will be able to browse through the hundreds of fonts that they have
- Has a tool that has images from all browsers so you can see what your font looks like in Internet explorer
- You can view the fonts with different backgrounds and weight, plus try your own text.
- Once you select your font, you choose the selectors h1 h2 p etc that you want your font to appear
- Or you can add the fonts to specific classes or id’s

2. http://cufon.shoqolate.com/generate/
- In order to do this you need:
– Access to an FTP editor
– You need to own the font and have it on your computer
- Use the tool to generate your own .js font file
- Upload to your host and link to it in header.php file
- More specific instructions found here

3. http://wordpress.org/extend/plugins/all-in-one-cufon/
- Easy to use
- Automatic detection for uploaded fonts
- Graphic interface

Thank you so much for your support, and if you have yet to leave a rating or review, please leave me an honest one on iTunes by clicking here. It will help the show and its ranking in iTunes immensely! I appreciate it!

Published on: 21 Sep | Podcast | 6 responses| Tags: ,

Subscribe and Never Miss an Episode

               
8 comments
Val2138
Val2138 like.author.displayName 1 Like

I prefer to use an "all-in-one" WP theme generator. in this way I don't have to go to different locations, setting up new accounts, searching for additional plugins or free resources, fixing compatibility or copyright issues or working with the code. I use Lubith in order to design my themes and beside its other great editing options, the typography extension contained by this editor is more than enough for me.

dhartzler10
dhartzler10 moderator

 @Val2138 I've never heard about Lubith.  Looks like a really neat tool.  I'm going to check it out in detail when I have a chance.

Rick
Rick

good podcast series - you forgot the obvious one - Google Web Fonts - there's even a Chrome add-on for it.

Dustin Hartzler
Dustin Hartzler

Looks like a great option! And I did totally forget it. I've made a note to bring it up on the next show.

Rick
Rick

good podcast series - you forgot the obvious one - Google Web Fonts - there's even a Chrome add-on for it.

Dustin Hartzler
Dustin Hartzler

Looks like a great option! And I did totally forget it. I've made a note to bring it up on the next show.

Randy Sandberg
Randy Sandberg

Hi Dustin,

You've knocked it out of the ballpark again with yet another brilliant podcast. Thank you! Additionally, I voted for you at http://podcastawards.com/ as well as gave Your Website Engineer 5 stars at iTunes and, of course, left you a nice review.

Sincerely,

Randy

Randy Sandberg
Randy Sandberg

Hi Dustin, You've knocked it out of the ballpark again with yet another brilliant podcast. Thank you! Additionally, I voted for you at http://podcastawards.com/ as well as gave Your Website Engineer 5 stars at iTunes and, of course, left you a nice review. Sincerely, Randy