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;
}