Bildiğiniz üzere HTML’de font kullanımı kullanıcıların bilgisayarlarında kurulu olan fontlarla sınırlıdır. Bu yüzden web sayfalarındaki fontlar genelde 4-5 farklı aile dışında çıkmazdı.
Son zamanlarda SiFR ve Cufon gibi replacement çözümleri ile bu problemin çözümü nispeten mümkün hale geldi fakat uygulama konusunda halen bir takım sıkıntılar yaşanabiliyor.
Aslında CSS 2 ile gelen fakat daha sonra CSS 2.1 ile kaldırılan @font-face özelliği ile dışarıdan font yükleyerek bunu web sayfasında kullanabilmek mümkün. Özelliğin CSS 2.1’de kaldırılmasından dolayı modern tarayıcılar olarak nitelendireceğimiz Firefox, Safari, Opera ve Chrome dörtlüsünde css içinde @font-face kullanabilmek için son sürümlerin yüklü olması gerekiyor. Bu dörtlü CSS3 sayesinde TTF uzantılı fontları destekliyor.
Internet Explorer farklı bir dosya formatı kullanmak (.eot) kaydıyla v4 üstü tüm sürümlerde bu özelliği destekliyor.
@font-face ile ilgili daha fazla bilgiyi Fatih Hayrioğlu’nun Not Defteri‘nde bulabilirsiniz.