CSS Tricks, HTML Tricks, Labs

Google Fontlarını Local’den Dahil Etmek

Her ne kadar Google hız konusunda didinip yeni çözümler üretmiş ve üretmeye çalıştırsa da yapılan son araştırmalar neticesinde projenize external dış bağlantı şeklinde değil de localden dahil ettiğiniz herşeyin projenize […]

yzr: Hakkı Cengiz
A+ A A- okuma

Her ne kadar Google hız konusunda didinip yeni çözümler üretmiş ve üretmeye çalıştırsa da yapılan son araştırmalar neticesinde projenize external dış bağlantı şeklinde değil de localden dahil ettiğiniz herşeyin projenize katkı sağladığı öngörülmüştür.

Bu sebeple hadi gelin sizlerle Google fontlarını projemize nasıl dahil ederiz onlara geçelim:

  1. Google Fonts sitesinden fontumuzu belirledik. Mario Ranftl abimizin hazırlayıp Google Webfonts Helper aracını kullanacağız.

    - Soldaki arama kısmından fontumuzu bulup seçiyoruz.
    - Daha sonra 3. seçenek altındaki tablardan "Modern Browsers" seçiyoruz. Bu bize fontumuzun .woff ve woff2 dosyalarını oluşturacak.
    - Altındaki kutucuktan da fonts klasörümüzün nerede olduğunu belirtiyoruz, projemizdeki CSS dosyamıza göre nerede ise konumu alınır.
    - Download tıklayarak dosyalarımızı indirip, 'fonts' klasörümüze çıkartıyoruz.
0 Yorumları: - Yorum Formunu: -

Henüz yorum eklenmemiş.

Bi yoruma ne dersin ?

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir