yandex

Font-Face Kullanımı

Bu içerik 2 sene önce dogukanbatal tarafından yazılmıştır.
Paylaş:

Merhaba Arkadaşlar, Bu yazımda sizlere font-face kullanımı nı anlatıcağım.Öncelikle Kısaca font-face`in ne olduğundan bahsedeyim font-face sistemde yüklü olmayan özel fontları kullanmamızı sağlar.

 

Font-Face Kullanımı

Öncelikle Font-face tarayıcılar farklı formatlarda desteklediği için fontları dönüştürmemiz gerekicektir.Örneğin Explorer .eot Opera .svg gibi formatları destekliyor.Aşağıdaki sitelerde fontları dönüştürebilirsiniz;

 

Fontsquirrel: .tff olan yazı tipini .eot, .svg, ttf, woff formatlarına çevirebileceğimiz araç.

Font-Converter: .tff olan formatı .svg formatına dönüştrümek için kullanabileceğimiz araç.

 

@font-face Kod Yapısı

Burada @font-face kod bloğunda src ile fontu yüklüyoruz ve fontu belirtiyoruz.

Yukarıdada  tarayıcı desteği için fontu eot,svg,woff ve tff gibi formatlarında yüklüyoruz.Kullanımını ise aşağıdaki şekilde yapabilirsiniz.

Bu yazımında sonuna geldik, İyi günler :)

YORUMLAR ;