Improved custom fonts on your site
A while back I wrote a tutorial on how to use Cufon to display custom fonts on your site, and since then, that was how I displayed the custom fonts you saw in my post titles and whatnot. However, there are a couple downsides to using Cufon:
- You can’t select the text rendered by Cufon, a problem for people trying to copy something
- Limited customization through CSS
- Could result in pages taking longer to load
So for this new theme (yay! finally!), I switched to using CSS3′s @font-face property. I know a lot of people have already been using this for a while now, but I also noticed that some people’s stylesheets’ @font-face property will only work in certain browsers. Almost all major browsers’ latest versions support @font-face; it’s just a matter of having the right CSS.
For this theme, I used the @font-face kits provided by Font Squirrel. What’s great about them is that they provide the full CSS and the correct font types to ensure compatibility across all browsers, so all you need to do is copy, paste, and upload. They also have a @font-face generator, where you upload a font and they generate the necessary files for you. If any of you are looking for an alternative to Cufon, I highly recommend this method
Last but not least, I hope everyone has had a great Christmas! Now let’s get ready for an awesome new year! Holla 2011