Ten dokument zawiera informacje techniczne na temat tego, co dzieje się za w przypadku żądania czcionki internetowej za pomocą interfejsu Google Fonts API.
W tym dokumencie znajdziesz również informacje o działaniach użytkowników w różnych przeglądarkach.
Jeśli chcesz po prostu korzystać z interfejsu Fonts API, nie musisz czytać tej strony. Jednak przeczytanie tej strony może poprawić wydajność wczytywania strony.
Jak działa interfejs Google Fonts API?
Gdy przeglądarka wysyła żądanie arkusza stylów Fonts API (zgodnie z definicją w
<link> na stronie internetowej), interfejs Fonts API udostępnia arkusz stylów wygenerowany dla
konkretnego klienta użytkownika wysyłającego żądanie.
Na przykład żądanie 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');
}
Z kolei żądanie pochodzące z Internet Explorera zwraca:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Po pobraniu kodu CSS przeglądarka pobiera czcionkę w odpowiednim formacie w przeglądarce.
Działanie specyficzne dla przeglądarki
W tej sekcji opisano domyślne zachowanie każdej przeglądarki z czcionkami internetowymi. Pamiętaj, że możesz kontrolować te zachowania za pomocą Program ładujący czcionki internetowe
Listę obsługiwanych przeglądarek znajdziesz na stronie Najczęstsze pytania.
Google Chrome
Chrome wyrenderuje pozostałą część strony, ale dopóki czcionka się nie załaduje, będzie widoczna puste miejsce w miejscu tekstu, w którym została użyta czcionka.
Mozilla Firefox
Firefox najpierw wyświetla tekst domyślną czcionką, a potem ponownie renderuje tekst po jej wczytaniu. Takie zachowanie to tzw. „błysk niesformatowanego stylu”. tekst”.
Apple Safari
Safari renderuje pozostałą część strony, ale dopóki czcionka nie zostanie wczytana, wyświetlana jest puste miejsce w miejscu tekstu, w którym została użyta czcionka.
Microsoft Internet Explorer
Internet Explorer wyrenderuje pozostałą część strony, ale do czasu załadowania czcionki powoduje wyświetlenie pustego miejsca w miejscu tekstu korzystającego z wybranej czcionki.
Ogólnie rzecz biorąc, działanie programu Internet Explorer może się różnić w zależności od miejsca docelowego i istnieniu różnych elementów. Jeśli zależy Ci na spójności we wszystkich przeglądarkach, użyj narzędzia Web Font Loader. Dla: na przykład możesz wybrać sprawić, by wszystkie przeglądarki działały jak Firefox.