Dodawanie czcionek hostowanych na własnym serwerze

Dodawanie czcionek hostowanych na własnym serwerze
YA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 21
0

Cześć,

do pliku css mam dodane czcionki za pomocą

Kopiuj
@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}

W teście pagespeed od Google mam rekomendacje:
Consider using <link rel=preload> to prioritize fetching resources that are currently requested later in page load.

Czy dobrze rozumiem, że powinienem ładować czcionkę w <head> w ten sposób

Kopiuj
<link rel="preload" importance="low" href="fonts/nazwa czcionki.woff2" as="font" crossorigin/>

?

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
2

Jak podajesz url w css to już nie musisz w html ;)

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
0

@czysteskarpety: tylko to nie o to chodzi. page speed podpowiada by używać dla niektórych fontów preload, tak by przeglądarka ładowała je równolegle z css a nie po css. Ten element działa tylko na chromowatych przeglądarkach.

YA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 21
0

Dzięki za info.
Niektórzy patrzą na prędkość ładowania strony w teście google no i staram się ogarnąć temat

mr_jaro
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Grudziądz/Bydgoszcz
  • Postów: 5300
2

@yacazg mogę ci powiedzieć, że ja robiłem ten zabieg bo też mam takiego klienta i nic to nie poprawiło punktów, zamiast errora takiego jak dostałeś, dostałem inny, że niepotrzebnie ładuje fonty :D generalnie nie ma co się aż tak rozczulać nad każda sugestią googla.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.