Google Font’ un @import özelliğinin çalışmaması

Merhabalar,

Bildiğiniz gibi Google Font ile web sitenize dilediğiniz font’ u Google’ ın bu servisini kullanarak koyabilirsiniz. Bunu CSS, Javascript ya da direk html den yapabilme imkanımız mevcut. hangisi daha uygunsa artık. Ancak bazı durumlarda bu fontlar çalışmayabilir. Google Font’ un çalışmama gibi bir durumu söz konusuysa dikkat etmeniz gereken en önemli nokta; Eğer ki CSS ile @import yöntemi kullanarak eklediyseniz ;

@import ile başlayan satırın css’ in en üst satırında olduğuna dikkat edin. Aksi takdirde fontlar çalışmayacaktır. Daha doğrusu yazı tanımlamalarından önce yapılması gerekmektedir. yani siz ilk başlarda yalnızca margin padding vs. ayarlarsanız herhangi bir yazı stili tanımlamazsanız; tanımladığınız yerden önce yazmanız gerekir. Ancak kodların düzenliliği açısından bunu en üste yerleştirmeniz her daim daha iyi olacaktır.