Bu dokümanda, Google Fonts API ile bir web yazı tipi istediğinizde, perde arkasında neler olduğu hakkında bazı teknik bilgiler verilmektedir.
Bu dokümanda, tarayıcıya özgü davranışlar hakkında da bilgi verilmektedir.
Yalnızca Fonts API'yi kullanmak istiyorsanız bu sayfayı okumanız gerekmez. Ancak bu sayfayı okumak, sayfa yükleme performansını artırmanıza yardımcı olabilir.
Google Fonts API sunma nedir?
Tarayıcı, Fonts API stil sayfası için bir istek gönderdiğinde (web sayfanızdaki bir <link> etiketinde belirtildiği gibi) Fonts API, isteği yapan kullanıcı aracısı için oluşturulmuş bir stil sayfası sunar.
Örneğin, Firefox'tan Inconsolata için yapılan bir istek aşağıdaki CSS'yi döndürür:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
Öte yandan, Internet Explorer'dan gelen bir istek şunları döndürür:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
CSS'yi indirdikten sonra tarayıcı, yazı tipini tarayıcıya uygun biçimde indirir.
Tarayıcıya özgü davranış
Bu bölümde her bir web tarayıcısının web yazı tipleriyle ilgili varsayılan davranışı açıklanmaktadır. Bu davranışları Web Yazı Tipi Yükleyici'yi kullanarak kontrol edebileceğinizi unutmayın.
Desteklenen tarayıcıların listesi için SSS bölümüne bakın.
Google Chrome
Chrome, sayfanın geri kalanını oluşturur ancak yazı tipi yüklenene kadar, yazı tipini kullanan metnin yerine boş bir alan görüntüler.
Mozilla Firefox
Firefox, ilk olarak metni varsayılan yazı tipinde görüntüler ve yüklendikten sonra yazı tipindeki metni yeniden oluşturur. Bu davranış, "biçimsiz metin flash" olarak bilinir.
Apple Safari
Safari sayfanın geri kalanını oluşturur, ancak yazı tipi yüklenene kadar, yazı tipini kullanan metnin yerine boş bir alan görüntüler.
Microsoft Internet Explorer
Internet Explorer sayfanın geri kalanını oluşturur, ancak yazı tipi yüklenene kadar, yazı tipini kullanan metnin yerine boş bir alan görüntüler.
Daha genel olarak ifade etmek gerekirse, Internet Explorer'ın davranışı, yerleşimin ve farklı öğelerin varlığına bağlı olarak değişiklik gösterebilir. Tüm tarayıcılarda tutarlı bir davranış sağlamak istiyorsanız Web Yazı Tipi Yükleyici'yi kullanın. Örneğin, tüm tarayıcıların Firefox gibi davranmasını seçebilirsiniz.