Nesil Kutu Harf
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…

Me
Hakkı Cengiz ☙ 1 dk okuma süresi
☙ 09 Şub 2021 ☙ 868

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.
Paylaş:
0 0 votes
Article Rating
Subscribe
Bildir
guest

0 Yorum
Inline Feedbacks
View all comments
  • Panel 1
  • Panel 2
  • Panel 3
  • Panel 4
Welcome!
0
Would love your thoughts, please comment.x