Fuentes alternativas CSS
Fuentes alternativas de uso común
No hay fuentes 100% completamente seguras para la web. Siempre existe la posibilidad de que no se encuentre una fuente o no se instale correctamente. Por lo tanto, es muy importante utilizar siempre fuentes alternativas.
Esto significa que debe agregar una lista de "fuentes de respaldo" similares en la propiedad de familia de fuentes. Si la primera fuente no funciona, el navegador probará con la siguiente, y con la siguiente, y así sucesivamente. Siempre finalice la lista con un nombre de familia de fuente genérico.
A continuación, se muestran algunas fuentes alternativas de uso común, organizadas por las 5 familias de fuentes genéricas:
- Serif
- sans-serif
- monoespaciado
- Cursivo
- Fantasía
Fuentes serif
font-family | Example text | Code |
---|---|---|
"Times New Roman", Times, serif | This is a HeadingThis is a paragraph. |
|
Georgia, serif | This is a HeadingThis is a paragraph. |
|
Garamond, serif | This is a HeadingThis is a paragraph. |
Fuentes Sans-Serif
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Tahoma, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
|
"Trebuchet MS", Helvetica, sans-serif | This is a HeadingThis is a paragraph. |
|
Georgia, Verdana, sans-serif | This is a HeadingThis is a paragraph. |
Fuentes monoespaciadas
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace | This is a HeadingThis is a paragraph. |
Fuentes cursivas
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive | This is a HeadingThis is a paragraph. |
Fuentes de fantasía
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy | This is a HeadingThis is a paragraph. |
Sugerencia: consulte también todas las fuentes de Google disponibles y cómo usarlas.