Czy muszę lokalnie przechowywać CSS generowany przez interfejs API czcionek internetowych Google?

Question

Używam czcionek Google Web. Słyszałem, że Google radzi sobie ze wszystkimi problemami między różnymi przeglądarkami i obsługuje różne media w zależności od przeglądarki w nagłówku żądania.

Moje pytanie brzmi, w którym momencie to robi?

Powodem jest to, że dla API można po prostu dołączyć plik CSS, który zawiera żądanie @font-face. Czy mogę po prostu dołączyć ten CSS do mojego własnego pliku CSS, zapisując w ten sposób żądanie HTTP, czy też ten CSS zmienia się w zależności od przeglądarki, która o to prosi?

Naprawdę mam nadzieję, że ma to sens.

Np Google proponuję zaliczyć w pliku CSS:

@import url(http://fonts.googleapis.com/css?family=Exo);

treści, które są:

@font-face { 
    font-family: 'Exo'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Exo Regular'), local('Exo-Regular'), url('http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff') format('woff'); 
} 

Answer 1

CSS podawane przez Google Webfonts zmienia się w zależności od klienta użytkownika w nagłówku żądania HTTP, więc lepiej skorzystać z @import. Powodem są różne implementacje czcionek internetowych w różnych przeglądarkach.

Answer 2

Nie odpowiedzią na dokładną pytanie, ale nawet jeśli Możliwe, że w tej chwili nigdy nie lokalnie przechowywałbym w pamięci podręcznej żadnych plików CSS, które Google udostępnia "na żywo", ponieważ:

• nawet jeśli działa teraz, to może złamać później, jeśli coś zmienić

• nie dodawać żadnych niezawodność, ponieważ sama czcionka musi jeszcze zostać pobrane z Google

• naprawdę nie poprawi Wydajność: jeśli wszystko jest poprawnie skonfigurowane, żądanie HTTP nastąpi tylko raz, a następnie zostanie zapisane w pamięci podręcznej. Ponadto użytkownik może mieć bufor CSS czcionki z innej witryny, która używa czcionek Google.

Answer 3

Jeśli chcesz przechowywać lokalny CSS, to MUSISZ zapisywać czcionkę lokalnie też, ponieważ w przeciwnym razie ponownie będzie mieć dodatkowe żądanie HTTP.

Google zezwala również na pobieranie czcionek do użytku lokalnego, ale można również sprawdzić w Internecie. https://developers.google.com/webfonts/faq