Web Safe Fonts

Sistemski font ali “web safe fonts” so fonti, ki so že v osnovi nameščeni na uporabniških napravah in niso potrebne dodatne namestitve.

Preden smo dobili spletne fonte smo bili pri oblikovanju spletnih strani precej omejeni, saj smo imeli na voljo le nekaj fontov na katere smo se lahko zanašali. Za spletne strani in aplikacije smo tako s pomočjo CSSja uporabljali fonte:

  • Arial (sans-serif)
  • Verdana (sans-serif)
  • Tahoma (sans-serif)
  • Trebuchet MS (sans-serif)
  • Times New Roman (serif)
  • Georgia (serif)
  • Garamond (serif)
  • Courier New (monospace)
  • Brush Script MT (cursive)

Prednosti sistemskih fontov so generalno na strani konsistence, dostopnosti in zmogljivosti. Konsistenca je zaradi enakega izgleda strani na vseh napravah. Dostopnost zaradi “dobrih” fontov, če so pravi izbrani. Zmogljivost, ker je stran manjša se hitreje naloži in porabi man prenosa.

S prihodom spletnih fontov oz. storitev, ki omogočajo enostavno implementacijo širokega nabora fontov pa so se zadeve spremenile. Sedaj si lahko privoščimo praktično vse kar si zaželimo. Upoštevati moramo le ustrezne “fallback”, če font ni nameščen oz. se ne namesti in seveda velikosti pri prenosih za namestitev. Če smo omejeni se moramo temu prilagoditi.

Sistemski fonti danes

Sistemski fonti oz. “web safe fonts” so bili vedno varni, ker so jih uporabljali vsi računalniški sistemi (Windows, Apple) in posledično tudi iPhone. Zadeve pa so se drastično spremenile, ko so prišli drugi mobilni operacijski sistemi, natančneje Android. Namreč Android operacijski sistem nima sistemskih fontov in jih spremeni v svoje. Tako dobimo namesto Arial ali Verdana font Roboto in namesto Times New Roman ali Georgia font Noto Serif. Kaj se dogaja s fonti si lahko ogledate na strani fontfamily.io.

Danes je tako priporočljivo uporabljati t. i. spletne fonte. Tako dosežemo, da imajo uporabniki enako izkušnjo na vseh napravah danes in jutri. Ob objavi nove strani ali aplikacije vedno preverite delovanje fontov na različnih napravah in brskalnikih. Poskrbite tudi za ustrezne “fallback-e”, kar pomeni da poskrbite za alternativne fonte, če primarnega ni na voljo.

Dodatno branje:

Komentiraj


*