Generate Your Own @font-face Kits for WordPress
Sarah Gooding   – October 17, 2012
2 Comments

Generate Your Own @font-face Kits for WordPress

@font-face is a CSS rule that allows designers to use non-standard web fonts that are not installed on their user’s machines.

A while ago we posted a tutorial for how to get Beautiful Typography for WordPress and BuddyPress Using the @Font-Face Rule. Step 1 is to get an @font-face kit that will have your font in the correct formats the web needs to display the font to all browsers, including IE.

FREE EBOOK
Your step-by-step roadmap to a profitable web dev business. From landing more clients to scaling like crazy.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

FREE EBOOK
Plan, build, and launch your next WP site without a hitch. Our checklist makes the process easy and repeatable.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

Font Squirrel has a lot of kits available already, but sometimes they won’t have one for the font you want to use. If you’re using fonts that are legally eligible for web embedding, then you can use Font Squirrel’s free @font-face Kit Generator. Simply upload your font and it will produce a kit for you that you can download. From there you would follow the directions in our tutorial to apply the beautiful new fonts to your WordPress site.

Tags: