W tym dokumencie znajdziesz techniczne informacje o działaniach, które będzie wykonywane, gdy zażądasz czcionki internetowej za pomocą interfejsu Google Fonts API.
Ten dokument zawiera też informacje o zachowaniu użytkowników w danej przeglądarce.
Jeśli chcesz tylko korzystać z interfejsu Fonts API, nie musisz czytać tej strony. Czytanie tej strony może jednak poprawić szybkość jej wczytywania.
Co udostępnia interfejs Google Fonts API?
Gdy przeglądarka wysyła żądanie arkusza stylów Fonts API (określonego w tagu <link> na Twojej stronie internetowej), interfejs Fonts API generuje arkusz stylów wygenerowany dla konkretnego klienta użytkownika, który je wysyła.
Na przykład żądanie przeglądarki Inconsolata z przeglądarki Firefox zwraca następujący kod CSS:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
Żądanie z Internet Explorera zwraca natomiast:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Po pobraniu arkusza CSS przeglądarka pobiera czcionkę w odpowiednim formacie.
Działanie właściwe dla przeglądarki
W tej sekcji opisujemy domyślne działanie czcionek i przeglądarki. Pamiętaj, że możesz te działania kontrolować za pomocą Wtyczki Web Fonts Loader.
Listę obsługiwanych przeglądarek znajdziesz w najczęstszych pytaniach.
Google Chrome
Chrome renderuje pozostałą część strony, ale do czasu załadowania czcionki wyświetla się puste miejsce, w którym używany jest czcionka.
Mozilla Firefox
Firefox najpierw wyświetla tekst, a następnie renderuje go po wczytaniu. Jest to znane jako "Flash niestylowy tekst."
Apple Safari
Safari renderuje pozostałą część strony, ale do momentu załadowania czcionki wyświetla się puste miejsce, w którym używany jest czcionka.
Microsoft Internet Explorer
Internet Explorer renderuje pozostałą część strony, ale do czasu załadowania czcionki pojawia się puste miejsce, w którym tekst jest używany.
Ogólnie rzecz biorąc, działanie Internet Explorera może się różnić w zależności od miejsca docelowego i istnienia różnych elementów. Aby zapewnić spójne działanie we wszystkich przeglądarkach, użyj wtyczki Web Font Load. Możesz na przykład ustawić wszystkie przeglądarki tak, jak powinny wyglądać Firefox.