Systémové písma

Cieľ

Chcem zabezpečiť, aby prehliadač nemusel pri zobrazovaní stránky sťahovať žiadne externé, dodatočné fonty a, aby stránka vyzerala v každom prehliadači a v každom operačnom systéme, čo možno najprirodzenejšie.

Riešenie

V CSS štýloch si nastavím font-family s prihliadnutím na predvolené typy fontov v jednotlivých operačných systémoch.

Z rôznych riešení, o ktorých som čítal, táto kombinácia sa mne pozdáva najviac:

/* System Fonts as used by Medium and WordPress */
body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

Zdroj


CSSTypografia

82 slov

2020-01-30 20:31 +0000

2022-03-09 07:43 +0000