Obecnie przyjmujemy czcionki internetowe za pewnik. Nie zawsze mieliśmy opcję ustawienia naszego tekstu prawie dowolnym krojem pisma. To znaczy, mogliśmy, ale wtedy musielibyśmy wzdychać i powiedzieć: "Cóż, to będzie dobrze wyglądać na komputerach pięciu ludzi. Mam nadzieję, że wszyscy inni lubią Verdana! "
Czcionki sieciowe przyniosły widzialną odmianę, kilka nadużyć związanych z typografią, dodatkowe obciążenie strony, gdy same czcionki zostały załadowane, oraz błyski niezaszyfrowanego lub niewidocznego tekstu. No cóż ... omlet, jajka, łamanie, masz pomysł. To musiało się stać.
Jeśli użytkownicy utknęli, patrząc na pustą stronę zbyt długo, mogą po prostu zdecydować się na wyjście
Jest to jednak problem z użytecznością, gdy tekst jest niewidoczny, dopóki nie zostanie załadowana czcionka niestandardowa. Jeśli użytkownicy utknęli, patrząc na pustą stronę zbyt długo (i zbyt długo może to być milisekunda), mogą po prostu zrezygnować. I to jest w porządku. To nie jest przyjazne dla użytkownika.
Szybko do przodu kilka lat, a my robimy postępy w kontrolowaniu sposobu ładowania czcionek. Do tej pory robiliśmy to z bibliotekami i API innych firm. Ale teraz w końcu ta funkcjonalność zbliża się do CSS.
Wprowadź właściwość wyświetlania czcionki . Obecnie działa tylko w Operze, Operze na Androida i Chrome. (Po raz pierwszy wprowadzono go w Chrome 49 jako funkcję eksperymentalną.)
Zawiera cztery opcje: auto , swap , fallback i opcjonalnie .
Zasadniczo, wybór wyświetlania czcionek: auto spowoduje, że przeglądarka będzie działać tak jak teraz. Tekst będzie niewidoczny do czasu załadowania czcionki użytkownika.
zamiana jest prawdopodobnie tym, czego większość ludzi użyje. Jeśli czcionka nie zostanie załadowana, zostanie użyta następna dostępna czcionka zdefiniowana we właściwościach font-family . Po załadowaniu czcionki internetowej zostanie ona zastąpiona. Zasadniczo jest to flashowanie niezindylowanych treści, ale myślę, że jest to bardziej przyjazne dla użytkownika niż niewidoczne treści.
fallback dzieli różnicę między tymi dwiema pierwszymi opcjami. Dla opóźnienia 100 milisekund tekst będzie niewidoczny. Jeśli do tego czasu zostanie załadowana czcionka niestandardowa, zostanie ona użyta. Jeśli nie, następna czcionka w linii dziedziczenia będzie obowiązywała do momentu załadowania czcionki użytkownika.
opcjonalne prace, takie jak powrót, z wyjątkiem przeglądarki może zdecydować, aby nie ładować czcionki niestandardowej, jeśli połączenie użytkownika jest zbyt wolne
opcjonalne prace, takie jak powrót, z wyjątkiem przeglądarki może zdecydować, aby nie ładować czcionki niestandardowej, jeśli połączenie użytkownika jest zbyt wolne.
Mamy to. declaration. Pamiętaj, że czcionka ekranowa powinna być używana w deklaracji @ font-face . Oznacza to, że na razie nie będzie działać z zewnętrznymi dostawcami czcionek, takimi jak Typekit czy czcionki Google. Jednak po rozszerzeniu wyświetlania czcionek prawdopodobnie zaimplementuje jakąś opcję dla tej funkcji.