Using custom fonts with WordPress

I had a tough time figuring out how to use custom fonts with WordPress, so I figured I would provide some (hopefully clear) instructions on how to do it. It started to get really long, so I put everything together over on a static page and created a new How To’s section of the site. You can check it out here.

As an example of what you can do with this, I will demonstrate the fonts that I used to create my header image.

Deftone Stylus¬† is the main font, and has a cool, retro, 500 pound lead-lined refrigerator feel to it. The only problem is the uppercase “L“. it’s pretty ugly. I found a font called Brody with a great “L“, but the slant was all wrong. Lucky for me, when italicised, the slant lines up perfectly with the regular Deftone Stylus.

Loudifier

A little paint.net magic to squish them together, and my header was born.

2 thoughts on “Using custom fonts with WordPress

    • You’re right. Sometimes it shows up and sometimes not. If you are in Windows, it will probably look right, but on a mobile browser, it is probably messed up. MS Comic Sans is patented, so I will have to figure out another way to embed it properly. Thanks for the heads up.

Leave a Reply

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

Connect with Facebook

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>