Brakujące pliki czcionek

Silktide znajduje pliki czcionek, o które proszą Twoje strony, ale których nie można załadować — zwykle dlatego, że plik został przeniesiony lub usunięty albo jego adres internetowy wpisano nieprawidłowo. Gdy czcionka nie ładuje się, tekst jest wyświetlany przy użyciu czcionki zastępczej, a strony przestają wyglądać tak, jak zostały zaprojektowane.

/* Jeśli tego pliku czcionki brakuje, tekst jest renderowany przy użyciu czcionki zastępczej */
@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans.woff2") format("woff2");
}

Dlaczego to jest ważne

Typografia buduje Twoją markę. Gdy niestandardowa czcionka nie działa, przeglądarka bez komunikatu zastępuje ją inną — tekst nadal się wyświetla, ale odstępy się zmieniają, nagłówki wyglądają nieprawidłowo, a czcionki ikon mogą zostać zastąpione bezsensownymi kwadratami lub losowymi znakami, co jest znacznie poważniejszym problemem niż kwestia estetyki.

Ponieważ istnieje czcionka zastępcza, brakujące czcionki często pozostają niezauważone przez zespół witryny przez wiele miesięcy. W międzyczasie przeglądarka każdego odwiedzającego traci czas na żądanie pliku i oczekiwanie na niepowodzenie na każdej stronie, która się do niego odwołuje.

Jak to naprawić

Znajdź odwołanie do brakującego pliku — zwykle jest to reguła @font-face w Twoim lub czcionka ładowana z usługi hostingu czcionek.
Jeśli plik został przeniesiony, zaktualizuj odwołanie do jego nowego adresu. Jeśli czcionka została celowo wycofana, usuń regułę, która o nią prosi.
Jeśli plik powinien istnieć, przywróć go. Czcionki mają dodatkowy częsty tryb awarii: ograniczenia między źródłami. Czcionka serwowana z innej domeny musi być wysyłana z zezwalającymi nagłówkami , w przeciwnym razie przeglądarki odmawiają jej użycia.
Następnie przetestuj stronę i potwierdź, że tekst jest renderowany przy użyciu zamierzonej czcionki.

Jak Silktide to testuje

Załaduj każdą stronę w prawdziwej przeglądarce i zarejestruj każdy plik, o który prosi strona.
Zachowaj żądania dotyczące plików czcionek.
Zgłoś każdy plik, którego nie udało się pobrać — odpowiedź błędu z serwera, taką jak 404, lub błąd połączenia. Chwilowe przekroczenia limitu czasu i żądania przerwane przez samą przeglądarkę nie są zgłaszane, aby uniknąć fałszywych alarmów.
Wskaż, gdzie na stronie znajduje się odwołanie do każdego brakującego pliku.

Rozwiązywanie problemów

Plik ładuje się, gdy próbuję go otworzyć

Plik może znajdować się za logowaniem, być blokowany dla automatycznych odwiedzających lub być serwowany niespójnie. Sprawdź też mieszaną zawartość: czcionka żądana przez zwykłe HTTP ze strony serwowanej przez jest blokowana przez przeglądarkę, nawet jeśli plik istnieje. Jeśli wszystko rzeczywiście jest w porządku, ustalenie.

Tekst wygląda dobrze

Czcionki zastępcze mogą być wystarczająco podobne, aby nie zauważyć zamiany, szczególnie w przypadku tekstu głównego. Porównaj nagłówek z projektem lub sprawdź narzędzia deweloperskie przeglądarki pod kątem nieudanych żądań czcionek.