Merkezler 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ış
Internet Explorer'ın Chrome, Firefox ve yeni sürümleri, Merkezler Arası Kaynak Paylaşımı standardını uygular ve bu nedenle, yalnızca uygun "Access-Control-Allow-Origin" yanıt başlığıyla sunulan web yazı tiplerini oluşturur. Google Yazı Tipleri herhangi bir alanda görüntülenebildiğinden yazı tipleri aşağıdaki yanıt üst bilgisiyle sunulur:
Access-Control-Allow-Origin:*
Olası Neden
Bazı proxy'ler başlığı yanıttan kaldırabilir ve ardından tarayıcı, yazı tiplerini oluşturmaz.
Teşhis
Chrome ile Geliştirici Araçları konsolunda ilgili uyarı mesajını kontrol edin.
Firefox'ta, CORS yanıt başlığının varlığını onaylamak için yanıt başlıklarını görüntülemek üzere Firebug veya Live HTTP Üst Bilgileri uzantılarını kullanabilirsiniz.
Bağlantılar
NoScript eklentisi yüklendiğinde Web'de Yazı Tipleri Firefox'ta görünmüyor
Tarayıcılar: * Firefox (3.5+)
Genel bakış
Firefox, NoScript eklentisi yüklendiğinde web yazı tiplerini görüntülemez.
Olası Neden
Varsayılan olarak NoScript eklentisi @font-face kurallarını devre dışı bırakmaktadır.
Çözüm
NoScript Seçenekleri'ni açın, Yerleştirmeler sekmesine gidin ve şunların işaretini kaldırın: Yasak @font-face
Web Yazı Tipleri gösterilmiyor
Tarayıcılar: * Tümü
Genel bakış
Kullanılan web yazı tipleri gösterilmiyor.
Olası Neden
API URL'sinde bir hata var veya yazı tipi tarafından desteklenmeyen bir stil istendi.
Çözüm
URL'nin düzgün bir şekilde biçimlendirildiğinden, büyük/küçük harf kullanımının yazı tipi adında (ör. Droid Serif, droid serif değil) yanı sıra birden fazla aileyi yükleme söz dizimine uygun olduğundan emin olun (belgelere bakın: Başlarken - Söz dizimi). Yazı tipleri görünmediğinde, stil sayfasının içeriğine bakarak sorun hakkında daha fazla bilgi edinebilirsiniz. URL'yi kopyalayıp tarayıcınıza yapıştırın ve hata mesajı görmediğinizden emin olun. Örneğin, Droid Serif tarafından desteklenmeyen bir ağırlık istendiğinde aşağıdaki hata mesajı gösterilir:
/* 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ış
Yazı tipi normal (400) bir ağırlık olsa bile, başlıkta (h1, h2 vb.) kullanıldığında yazı tipleri daha kalın görünür.
Olası Neden
Tarayıcı metni otomatik olarak kalınlaştırdı.
Çözüm
Üstbilgiye yazı tipi uygularken, CSS kuralınızda doğru yazı tipi ağırlığının belirtildiğinden emin olun:
h1 { font-family: Lobster, cursive; font-weight: 400; }