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…

☙ 1 dk okuma süresi
☙ 09 Şub 2021 ☙ 868
☙ 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:
- 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.
Subscribe
Login
0 Yorum