Czy w CSS istnieje potrzeba tworzenia kopii zapasowych czcionek podczas stosowania niestandardowych czcionek na stronie internetowej?

Question

W CSS dlaczego czcionka zapasowej zalecane, jeśli mam przesłać niestandardową czcionkę do użycia z strony?

Myślałem czcionki zapasowe były potrzebne tylko w przypadku, gdy klient nie ma zainstalowanego 1st/2nd/3rd..etc wyborem.

Na przykład, jeśli masz ten kod:

@font-face { 
    font-family: MyCustomFont; 
    src: url('../fonts/MyCustomFont.ttf'); 
} 

dlaczego jest to konieczne?

body { 
    font-family: MyCustomFont, Arial, Helvetica, sans-serif; 
} 

Answer 1

To nie konieczne określić stos czcionki, ale przyczynia się do degradacji wdziękiem w niejasnych przypadkach, gdy przeglądarka nie jest w stanie wykorzystać jakoś czcionki, np jeśli żądanie HTTP dla pliku czcionki przekroczy limit czasu, sam plik czcionki zostanie uszkodzony lub w inny sposób bezużyteczny, przeglądarka nie obsługuje żadnego z podanych formatów czcionek, między innymi.

Należy zrobić wszystko, aby upewnić się, że czcionki niestandardowe dostaje pobierane i wykorzystywane prawidłowo, oczywiście. Ale rzeczy mogą i mogą się zdarzyć, że czasami są poza twoją kontrolą, więc nie ma nic złego w tym, że nadal masz coś, na co możesz się oprzeć. Dlatego nazywa się je zapasowej lub zastępcze czcionek :)

Answer 2

ja wymyśliliśmy sposób na integrację Google Fonts bez żadnych problemów występujących przeważnie, gdy używane są czcionki 3rd Party.

Po pierwsze, wiemy nasze pliki Google czcionek w formacie WOFF i może nie działać we wszystkich przeglądarkach.

Po drugie, jeśli Google Cloud lub inne molestowanie uniemożliwia pobranie pliku czcionki z naszego serwera z powodu ograniczeń pamięci podręcznej lub innych ograniczeń sieciowych, wiemy, że ten pseudo-stan łączności najprawdopodobniej będzie obsługiwać czcionki woff z Czcionek Google.

Aby zapewnić, że czcionka pozostanie niezmieniona podczas dodawania czcionek Google, nie zalecam usuwania czcionek hostowanych, chyba że zweryfikowany powód poprosi o to z powodu posiadania praw.

Zamiast usuwać hostowane czcionki, które są prawdziwym kluczem do rzeczywistej kompatybilności z różnymi przeglądarkami, utwórz w CSS ten sam wpis czcionki, który określa jego tytuł czcionki jako strona trzecia, np. "ArialVanityGoogleFonts".

Użyj wbudowanej czcionki zastępczej csv przeglądarki i obejmują czcionki, co następuje: ArialVanity, ArialVanityGoogleFonts Arial