Käytä näitä luotettavia HTML-fontteja Web-sivuillasi
Hyvän kirjasintyypin löytäminen, joka välittää sekä sivustosi tyyliä että luotettavuutta useimmissa sivustoissa, voi olla hankalaa. Jos käytät ei-web-turvallisia kirjasimia, verkkosivustosi ei välttämättä näytä siltä kuin aiotte sen, kun selaimessa korvataan jotain yllättävää hauskaa fonttia varten.
Nämä kirjasarjat erotetaan perheestä (serif, monospace jne.). Kun käytät fonttia, joka ei ole web-turvallinen kirjasintyyppi, aseta se ensin fonttilapsiin ja lisää sitten yksi näistä pinosta loppuun.
Valitse kirjasinpino, joka on lähinnä tyyliltään ja näytä haluamallesi fontille.
Sans Serif Web Safe Fonts Stacks
Sans serif -teksti on hyvä web-sivujen lukemiseen, koska näytöllä ei ole epäselvyyksiä.
fonttiperhe: Arial, Helvetica, sans-serif;
font-perhe: "Arial Black", gadget, sans-serif;
fonttiperhe: Impact, Charcoal, sans-serif;
fonttiperhe: "MS Sans Serif", Geneve, sans-serif;
font-family: Tahoma, Geneve, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneve, sans-serif;
Serif Web Safe Font Stacks
Serif-kirjasimet toimivat hyvin otsikoissa. Suuremmat otsikkotyypit merkitsevät, että serifit eivät ole epäselviä monitoreissa.
fonttiperhe: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
fonttiperhe: Bookman, serif;
font-perhe: Georgia, serif;
fonttiperhe: "MS Serif", "New York", serif;
font-family: Times New Roman, Times, serif;
Monospace-fonttikasetit
Monospace-fontteja käytetään tavallisesti sellaisen koodin ja muun tyyppisen muodon tekemiseen, joka näyttää parhaiten fontissa, jossa kaikki merkit ovat samanlaisia - kuten kirjoituskoneiden fontit.
font-family: Courier, monospace;
font-perhe: "Courier New", Courier, monospace;
font-family: "Lucida Console", Monaco, monospace;
Tarkastele monospace-fonttipinoja esimerkkejä.
Cursive Font Stacks
Kurssityyppisiä kirjasimia voi olla vaikea lukea, ja yleisimpiä useimpia järjestelmiä (Comic Sans) ei pidä yhtä monta ihmistä kuin haluaisi.
font-family: 'Comic Sans MS', kursivoiva;
Fantasy Fontti Stacks
Kursivoidun kirjasimen tavoin fantasiakirjasimia voi olla vaikea lukea, ja ne ovat jopa harvinaisempia useimmissa järjestelmissä. Itse asiassa saatat huomata, että käytän samaa fontinpinoa kuin minä olen käyttänyt edellä sans serif -luokassa, koska vaikutus ja hiili ovat niin erottuva, että jotkut pitävät niitä fantasy-fontteja.
fonttiperhe: Impact, Charcoal, fantasy;
Dingbats, Wingdings tai Symbol Font Stacks
Kärsit tai siivet ovat symbolin kirjasimia, jotka näyttävät pieniä kuvakkeita tai kuvia kirjeiden sijaan. Näille ei ole yleistä fonttityyppiä, joten jotkin tietokoneet saattavat näyttää hyvin erilaisia fontteja kuin mitä olette odottaneet. Lisäksi vain Internet Explorer näyttää symbolit. Firefox ja muut selaimet näyttävät tekstin selaimen oletusfontiksi.
font-family: Symbol;
font-family: Web-palvelut;
kirjasintyyppi: Wingdings, 'Zapf Dingbats';