CSS Combinaciones de fuentes seguras para web

Combinaciones de fuentes comunes

La propiedad font-family es una lista de nombres de fuentes, como un sistema de "respaldo" para garantizar la máxima compatibilidad entre navegadores/sistemas operativos. Si el navegador no admite la primera fuente, intenta con la siguiente.

Si el navegador no encuentra el tipo de fuente que deseas, buscará entre los tipos de fuente genéricos uno similar:

Ejemplo

p{font-family:"Times New Roman", Times, serif}

Pruébalo »

A continuación se muestran algunas combinaciones de fuentes comunes y familias de fuentes genéricas.

Fuentes Serif

Fuente Ejemplo de texto
Georgia, serif

This is a heading

This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif

This is a heading

This is a paragraph
"Times New Roman", Times, serif

This is a heading

This is a paragraph

Fuentes sans-serif

Fuente Ejemplo de texto
Arial, Helvetica, sans-serif

This is a heading

This is a paragraph
Arial Black, Gadget, sans-serif

This is a heading

This is a paragraph
"Comic Sans MS", cursive, sans-serif

This is a heading

This is a paragraph
Impact, Charcoal, sans-serif

This is a heading

This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif

This is a heading

This is a paragraph
Tahoma, Geneva, sans-serif

This is a heading

This is a paragraph
"Trebuchet MS", Helvetica, sans-serif

This is a heading

This is a paragraph
Verdana, Geneva, sans-serif

This is a heading

This is a paragraph

Fuentes Monospace

Fuente Ejemplo de texto
"Courier New", Courier, monospace

This is a heading

This is a paragraph
"Lucida Console", Monaco, monospace

This is a heading

This is a paragraph
Otras extensiones