Utiliza estas fontes HTML fiables nas túas páxinas web
Atopar unha boa fonte de pila que transmite tanto o estilo do seu sitio web, pero tamén é fiable en toda a maioría dos sitios web por aí pode ser complicado. Se usa fontes seguras non web, pode que o seu sitio web non vexa como pretende cando o navegador substitúe algo sorprendente pola súa fonte de fantasía.
Estas pila de fontes están separadas pola familia (serif, monospace, etc.). Cando usa unha fonte que non é unha fonte segura web, debería poñela primeiro na pila de fontes e, a continuación, engada unha destas pila.
Escolla a pila de fontes máis próxima ao estilo e mira a túa fonte preferida.
Sans Serif Web Safe Font Stacks
O texto Sans serif é bo para ler en páxinas web porque non hai serifs para borrarme na pantalla.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: impacto, carbón vegetal, sans-serif;
font-family: 'MS Sans Serif', Xenebra, sans-serif;
font-family: Tahoma, Xenebra, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
fonte-familia: Verdana, Xenebra, sans-serif;
Serif Web Safe Font Stacks
As fontes de Serif funcionan ben para titulares. O tipo máis grande de titulares significa que os serifs non se borrarán nos monitores.
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
Normalmente úsanse fontes de monospace para renderizar código e outro tipo que se ve mellor nunha fonte onde todos os caracteres teñen o mesmo tipo de letra de tipo de letra de ancho.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Mónaco, monospace;
Vexa os exemplos de pila de fontes monospace.
Cursive Font Stacks
As fontes cursivas poden ser difíciles de ler, e a maioría das persoas que a atopan na maioría dos sistemas (Comic Sans) non lles gusta.
font-family: 'Comic Sans MS', cursiva;
Fantasía Font Stacks
Do mesmo xeito que as fontes cursivas, as fontes de fantasía poden ser difíciles de ler, e son aínda menos comúns na maioría dos sistemas. De feito, podes observar que estou usando a mesma pila de fontes como a que usei anteriormente na categoría sans-serif, porque o impacto eo carbón son tan distintivos que algunhas persoas consideran fontes de fantasía.
font-family: Impacto, carbón, fantasía;
Dingbats, Wingdings ou Stack de fontes de símbolos
Dingbats ou winging son fontes de símbolos que amosan pequenos íconos ou imaxes en vez de letras. Non hai ningún tipo de fonte xenérica para estes, polo que algunhas computadoras poden mostrar fontes moi diferentes do que esperas. Ademais, só Internet Explorer mostrará os símbolos. Firefox e outros navegadores simplemente mostran o texto na fonte predefinida para o navegador.
font-family: símbolo;
font-family: Webdings;
font-family: Wingdings, 'Zapf Dingbats';