Kaynaklar Arası Kaynak Paylaşımı (CORS) Yanıt Başlığı Eksik
Tarayıcılar:
- Firefox (3.5 ve üstü)
- Internet Explorer (9+)
- Chrome (37+)
Genel Bakış
Chrome, Firefox ve daha yeni Internet Explorer sürümleri, standart bir kaynak paylaşımıdır ve böylece yalnızca uygun "Access-Control-Allow-Origin" yanıt üstbilgisini içermelidir. Google Fonts tüm alan adlarında görüntülenirse yazı tipleri şu yanıtla birlikte sunulur: üstbilgi:
Access-Control-Allow-Origin:*
Olası Neden
Bazı proxy'ler, başlığı yanıttan çıkarabilir. Bu işlemden sonra tarayıcı yazı tiplerini oluşturmaz.
Teşhis ediliyor
Chrome ile, Geliştirici Araçları konsolu'nu ziyaret edin.
Firefox'ta yayın yapmak için Firebug veya Live HTTP Headers uzantılarını CORS yanıt başlığının varlığını onaylamak için yanıt başlıklarını görüntüleyin.
Bağlantılar
NoScript eklentisi yüklüyken Firefox'ta Web Yazı Tipleri görünmüyor
Tarayıcılar: * Firefox (3.5+)
Genel Bakış
Firefox, NoScript eklentisi yüklüyken web yazı tiplerini görüntülemiyor.
Olası Neden
Varsayılan olarak NoScript eklentisi @font-face kurallarını devre dışı bırakır.
Çözüm
NoScript Seçenekleri'ni açın, Yerleştirmeler sekmesine gidin ve şu seçeneğin işaretini kaldırın: Yasak @yazı tipi-yüz
Web Yazı Tipleri görünmüyor
Tarayıcılar: * Tümü
Genel Bakış
Kullanılan web yazı tipleri gösterilmiyor.
Olası Neden
API URL'sinde bir hata veya yazı tipi tarafından desteklenmeyen bir stil var istendi.
Çözüm
URL'nin doğru bir şekilde biçimlendirildiğinden, bu durumun yazı tipinin adı (ör. Droid Serif değil, droid serif) ve stillere uyulur ve birden fazla aileyi yüklemek için söz dizimine (bkz. dokümanlar: Başlarken - Söz Dizimi. Yazı tipleri görünmediğinde stil sayfasının içeriğine bakmak hakkında daha fazla bilgi edineceksiniz. URL'yi kopyalayıp tarayıcınızı açın ve hiçbir hata mesajı görmediğinizden emin olun. Örneğin, ağırlık desteklenmiyor Droid Serif şunları gösterir: şu hata mesajı gösteriliyor:
/* Droid Serif (style: normal, weight: 300) is not available */ /* However, style: normal, weight: normal is available */ /* However, style: italic, weight: normal is available */ /* However, style: normal, weight: bold is available */ /* However, style: italic, weight: bold is available */ /* Not supported. */
Web yazı tipleri bir başlıkta kullanıldığında daha kalın görünüyor
Tarayıcılar: * Tümü
Genel Bakış
Başlıkta (h1, h2 vb.) kullanıldığında yazı tipi boyutu büyük olsa da normal (400) bir ağırlıktır.
Olası Neden
Tarayıcı, metni otomatik olarak kalın hale getirdi.
Çözüm
Oluşturulduğunda CSS kuralınızda doğru yazı tipi ağırlığının belirtildiğinden emin olun: bir başlığa yazı tipi uygulama:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}