Löytää hyvä kirjasinipino, joka välittää molemmat verkkosivustosi tyyli mutta on myös luotettava useimmissa verkkosivustoissa, voi olla hankalaa. Jos käytät muita kuin turvallisia web-fontteja, verkkosivustosi ei välttämättä näytä siltä kuin aiot, kun selain korvaa jotain yllättävää fancy-fontillesi.
Nämä fonttien pinot erotetaan toisistaan perhe (serif, monospace jne.). Kun käytät kirjasinta, joka ei ole web-turvallinen fontti, sinun tulee laittaa se ensin fonttipinoosi ja lisätä sitten yksi näistä pinoista loppuun. Valitse tyyliä lähinnä oleva fonttipino ja etsi haluamasi fontti.
Sans Serif Web Safe -fonttipinot
Sans-serif-teksti on hyvä lukea verkkosivuilta, koska näytöllä ei ole epäselvää sarjaa.
fonttiperhe: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
fonttiperhe: Impact, Charcoal, sans-serif;
font-perhe: 'MS Sans Serif', Geneve, sans-serif;
fonttiperhe: Tahoma, Geneve, sans-serif;
fonttiperhe: 'Trebuchet MS', Helvetica, sans-serif;
fonttiperhe: Verdana, Geneve, sans-serif;
Serif Web Safe -fonttipinot
Serif-fontit toimivat hyvin otsikoissa. Suurempi otsikoiden tyyppi tarkoittaa, että serifit eivät näy näytöissä.
font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
kirjasinperhe: Bookman, serif;
fonttiperhe: Georgia, serif;
font-family: 'MS Serif', 'New York', serif;
font-family: "Times New Roman", Times, serif;
Monospace-fonttien pinot
Monospace-fontteja käytetään yleensä koodaamaan ja muita tyyliä, jotka näyttävät parhaiten fontilta, jossa kaikki merkit ovat saman leveisiä kuin kirjoituskonefontit.
font-family: kuriiri, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Kursiiviset fonttipinot
Kursiivisia fontteja voi olla vaikea lukea, ja useimmat järjestelmät (Comic Sans) yleisimmin löydetty fontit eivät pidä siitä, että monet ihmiset pitävät siitä.
font-family: 'Comic Sans MS', kursori;
Fantasia-fonttien pinot
Kuten kursiivikirjasimet, fantasiakirjasimia voi olla vaikea lukea, ja ne ovat vielä harvinaisempia useimmissa järjestelmissä. Itse asiassa saatat huomata, että käytän samaa fonttipinoa kuin mitä käytin yllä sans-serifissä luokka, koska vaikutus ja hiili ovat niin erottuvia, että jotkut ihmiset pitävät niitä fantasiana fontit.
font-family: Vaikutus, Puuhiili, fantasia;
Dingbats, Wingdings tai Symbol Font Pinot
Dingbats tai wingdings ovat symbolifontteja, joissa on pieniä kuvakkeita tai kuvia kirjainten sijaan. Näille ei ole yleistä kirjasintyyppiä, joten jotkut tietokoneet saattavat näyttää hyvin erilaisia fontteja kuin odotat. Lisäksi vain Internet Explorer näyttää symbolit. Firefox ja muut selaimet näyttävät tekstin yksinkertaisesti selaimen oletuskirjasimella.
font-family: Symboli;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';