Koristite ove pouzdane HTML fontove na svojim veb stranicama
Pronalaženje dobrog font stack-a koji prenosi i stil vaše web stranice, ali je pouzdan i na većini sajtova, može biti neobično. Ako koristite fontove koji nisu zaštićeni od weba, tada vaša web stranica možda neće izgledati onako kako nameravate kada pregledač zameni nešto iznenađujuće za vaš fensi font.
Ove fontove razdvaja porodica (serif, monospace, itd.). Kada koristite font koji nije web siguran font, prvo ga stavite u svoj stack font, a zatim dodajte jedan od ovih stackova do kraja.
Izaberite stack font koji je najbliži stilu i pogledajte željeni font.
Sans Serif Web Safe Font Stacks
Sans serif tekst je dobar za čitanje na web stranicama, jer nema serifova koji će biti zamućeni na ekranu.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'MS Sans Serif', Ženeva, sans-serif;
font-family: Tahoma, Ženeva, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Ženeva, sans-serif;
Serif Web Safe Font Stacks
Serif fontovi odlično funkcioniraju za naslovne stranice. Veći tip naslova znači da serifovi neće biti zamućeni na monitoru.
font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
font-family: Bookman, serif;
font-family: Georgia, serif;
font-family: 'MS Serif', 'New York', serif;
font-family: Times New Roman, Times, serif;
Monospace Font Stacks
Monospace fontovi se obično koriste za prikazivanje koda i drugog tipa koji najbolje izgledaju u fontu gdje su svi likovi iste širine - kao što su fontovi za pisanje.
font-family: Courier, monospace;
font-family: 'Courier New', kurir, monospace;
font-family: 'Lucida Console', Monako, monospace;
Pogledajte monospace font stack primere.
Cursive Font Stacks
Kursive fontove mogu biti teško čitati, a najčešće pronađeni na većini sistema (Comic Sans) ne voli toliko ljudi koliko ih se sviđa.
font-family: 'Comic Sans MS', cursive;
Fantasy Font Stacks
Kao kurzivne fontove, fantazijski fontovi mogu biti teški za čitanje, a oni su još manje uobičajeni u većini sistema. Zapravo, možete zapaziti da koristim isti stack fonta kao što sam gore koristio u kategoriji sans serif, to je zato što su utjecaj i ugalj toliko prepoznatljivi da neki ljudi smatraju da su fantasy fontovi.
font-family: Impact, Charcoal, fantasy;
Dingbats, Wingdings ili Symbol Font Stacks
Dingbati ili krila su fontovi simbola koji prikazuju male ikone ili slike umesto slova. Za njih nema generičkog tipa fontova, tako da neki računari mogu prikazati vrlo različite fontove nego što očekujete. Plus, samo Internet Explorer će prikazati simbole. Firefox i drugi pregledači jednostavno prikazuju tekst u podrazumevanom fontu za pregledač.
font-family: Simbol;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';