Use multiple custom fonts using @font-face?

Question

I\'m sure I\'m missing something really straight forward. Been using a single custom font with normal font face:

@font-fa         


        

Answer 1

You can use multiple font faces quite easily. Below is an example of how I used it in the past:

It is worth noting that fonts can be funny across different Browsers. Font face on earlier browsers works, but you need to use eot files instead of ttf.

That is why I include my fonts in the head of the html file as I can then use conditional IE tags to use eot or ttf files accordingly.

If you need to convert ttf to eot for this purpose there is a brilliant website you can do this for free online, which can be found at http://ttf2eot.sebastiankippe.com/.

Hope that helps.