@Font-face ile web sitelerinizde dilediğiniz fontları özgürce kullanabilirsiniz. Eskiden beri fontların kullanımında yaşadığımız sıkıntıları aşmak için atmadığımız taklalar kalmamıştı. Firefox'un da 3.1 sürümünden sonra desteklemeye başlayacağı font-face, artık bizleri büyük bir sıkıntıdan kurtaracağa benziyor. Internet Explorer font-face'i yıllardır kullanıyor. Ancak Embed Open Type (EOT) formatını destekliyor. Firefox, Safari, Opera ise EOT'yi desteklemek istemiyor. Onun yerine OTF ve TTF ları destekleyecekler.
Font face ile uygulama yapmak cok basit;
@font-face{
font-family:'Fontin-Regular';
src: url('Fontin-Regular.ttf');
}
ve uygulayacağınız tag;
h1, h2, h3, p, td{
font-family:'Fontin-Regular';
}
Dikkat etmeniz gereken font-family kısmına yazdığınız değerin, kullanacağınız taglarda aynı olması.
Burada bir örneği mevcut ancak dediğim gibi örneği görebilmek için Firefox 3.1 betayı kurarak bakmak gerek -henüz yayınlanmayan sürümü-.
Konu ile ilgili çok daha detaylı bilgi için, burayı ziyaret edebilirsiniz.
