I’ve received some questions about how to install web fonts. Katie Daisy’s blog is a good example of how unusual fonts can transform your blog into something really unique.
This is the reason why web fonts are special: right now, if you want a special font like Learning Curve to be the font for your sidebar titles, you first have to create a graphic in your image editor, save it as a GIF or JPG and upload the image to your blog. Then, you have to add HTML to display that image where you want it to appear. It works, but it’s messy.
With web fonts, we no longer have to do anything except install the fonts and add some css to your blog. If you’re unfamiliar with this process, you might say that this way is harder, but really, it’s a lot easier and more flexible — you can change the size, the color, and even the font — without the hassles of creating and uploading a new image.
Several companies provide wonderful web fonts — some for pay and some for free. Google’s web fonts are free, but since they’re free, they’re widely used and not really unique. If you’re looking for something special, you’ll have to go beyond Google. For example, Font Squirrel has a wider variety of free fonts than Google, just like the font below. The following two lines of text use a web font called Bebas:
The highest quality fonts and the best selection are available from commercial vendors. If you want a font that not everyone is using, you’ll have to pay for it. One of those companies is TypeKit and fortunately, they have a free plan. There are a few restrictions, but it’s a good place to start.
In the following screencast, I’ll show you how to install some web fonts from TypeKit into Blogger. You can also use the same installation techniques with other blogging platforms, including WordPress.