Utilitzeu aquestes fonts fiables d'HTML a les vostres pàgines web
Trobar una bona pila de tipus de lletra que transmeti tant l' estil del vostre lloc web com també és fiable en la majoria de llocs web que hi pot haver complicat. Si feu servir fonts segures que no siguin web, potser el vostre lloc web no es vegi tal com ho voleu fer quan el navegador substitueix una cosa sorprenent per la vostra font de fantasia.
Aquestes fonts estan separades per la família (serif, monospace, etc.). Quan utilitzeu un tipus de lletra que no sigui font segura web, primer heu d'incloure a la vostra pila de fonts i, a continuació, afegiu una d'aquestes piles.
Trieu la pila de lletra més pròxima de l'estil i mireu la vostra font preferida.
Sans Serif Piles de fonts segures per a la web
El text de Sans serif és bo per llegir en pàgines web perquè no hi ha serifs que es posin borrosos a la pantalla.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: impacte, carbó vegetal, sans-serif;
font-family: 'MS Sans Serif', Ginebra, sans-serif;
font-family: Tahoma, Ginebra, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Ginebra, sans-serif;
Serif Web Safe Font Stacks
Les fonts de Serif funcionen bé per als titulars. El tipus més gran de titulars significa que els serifs no es borraran en els monitors.
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;
Piles de fonts de monospais
Normalment, els tipus de lletra de monospais s'utilitzen per representar el codi i un altre tipus que es veu millor en un tipus de lletra on tots els caràcters tenen el mateix tipus de lletra d'escriptura d'ample.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Mònaco, monospace;
Vegeu els exemples de la pila de lletra monospace.
Cursive Font Stacks
Els tipus de lletra periòdics poden ser difícils de llegir, i el que més es troba en la majoria de sistemes (Comic Sans) no és gaire probable per a tantes persones que els agrada.
font-family: 'Comic Sans MS', cursiva;
Piles de fonts de fantasia
Com a fonts cursives, els tipus de lletra de fantasia poden ser difícils de llegir, i són encara menys comuns a la majoria dels sistemes. De fet, és possible que observeu que estic fent servir la mateixa pila de fonts que la que he utilitzat anteriorment a la categoria sans serif, perquè l'impacte i el carbó són tan diferents que algunes persones els consideren fonts de fantasia.
font-family: impacte, carbó vegetal, fantasia;
Dingbats, Wingdings o Symbol Font Stacks
Dingbats o wingdings són fonts de símbols que mostren petites icones o imatges en comptes de lletres. No hi ha cap tipus de font genèrica per a aquests, de manera que algunes computadores poden mostrar fonts molt diferents del que esperàveu. A més, només Internet Explorer mostrarà els símbols. Firefox i altres navegadors només mostren el text a la font predeterminada del navegador.
font-family: símbol;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';