Web Sitelerinde Özel Font Kullanımı

Web sitemizde özel font kullanmak için küçük bir CSS kodu yazmamız gerekiyor. Fakat sitemize gelen ziyaretçilerin bilgisayarlarında yüklü olmayan fontları tarayıcılar bulamazlar ve kullanamazlar. O yüzden önce sitemize ilgili fontu yüklememiz gerekiyor. Bundan sonra CSS kodumuzu yazmaya geçebiliriz.

@font-face {
    font-family: "Fontun Adı";
    src: url(http://hosaf.org/font.ttf) format("truetype");
}
p {
   font-family: "Fontun Adı";
}
  • Font ttf biçimindeyse format kısmı "truetype", otf ise "opentype" yazılmalıdır.
  • url yerine fontun yeri yazılmalıdır.

Kaynaklar:

Yorumlar

Teşekkürler hocam işe yaradı ;)

Yeni yorum ekle

Filtered HTML

  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • İzin verilen HTML etiketleri: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Satırlar ve paragraflar otomatik olarak bölünür.

Plain text

  • Hiç bir HTML etiketine izin verilmez
  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • Satırlar ve paragraflar otomatik olarak bölünür.
Bu formu göndererek Mollom gizlilik şartlarını kabul etmiş oluyorsunuz.