Fuentes W3.CSS

Verdana es la fuente predeterminada utilizada en W3.CSS. Verdana tiene un buen espacio entre letras y es fácil de leer. Verdana también es la fuente predeterminada para W3Schools.

Segoe UI es la fuente predeterminada para los encabezados. Segoe UI tiene un espacio entre letras más estrecho. Esto permite algunas letras más en los encabezados.

Uso de otra fuente predeterminada

Usar otra fuente predeterminada en W3.CSS es muy fácil:

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}

Uso de clases de fuentes

Con W3.CSS puede usar 4 clases de fuentes integradas diferentes:

  • w3-serif
  • w3-sans-serif
  • w3-monoespaciado
  • w3-cursiva

Esto es w3-serif

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<p class="w3-serif">

Esto es w3-sans-serif

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<p class="w3-sans-serif">

Esto es w3-monoespacio

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<div class="w3-monospace">

Esto es w3-cursiva

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<div class="w3-cursive">


Fuentes Sans Serif seguras para la Web

Familia tipográficaRespaldo seguro
ArialHelvética, sans serif
HelvéticaArial, sans-serif
verdanaGinebra, sans-serif
GinebraVerdana, sans serif
tahomaArial, sans-serif
Trabuquete MSArial, sans-serif

Arial se considera la fuente sans-serif más segura de la web. Está instalado en todas las máquinas Windows (99,8%) y todas las máquinas Mac (98,7%).

Helvetica es la alternativa preferida porque las dos fuentes son casi idénticas. Helvetica se ejecuta en todas las máquinas Mac (100 %), pero en menos máquinas Windows (7,3 %).

El uso de Arial con respaldo Helvetica, o Helvetiva con respaldo Arial, cubre ambos mundos.

Verdana también se considera una fuente sans-serif segura para la web. Se ejecuta en todas las máquinas Windows (99,8 %) y todas las máquinas Mac (99,1 %).

Ginebra es la alternativa preferida de Verdana, porque las dos fuentes son bastante similares, y Ginebra se ejecuta en todas las máquinas Mac (99,6 %).

Tahoma era la fuente estándar en Windows 95. Funciona en el 99,9 % de todas las máquinas Windows y en el 91,7 % de todas las máquinas Mac.

Trebuchet MS se ha lanzado con todos los sistemas operativos Windows (99,7 %) desde Microsoft Windows 2000. También se incluye en máquinas Mac (97,1 %), iOS y Chrome OS.

Fuente: Pila de fuentes CSS


esta es arial

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
</style>

Arial ocupa el primer lugar en uso en la Web.


esto es helvetica

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<style>
body, h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
}
</style>

Helvetica ocupa el puesto número 2 en uso en la Web.


Esto es Verdana

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Geneva, sans-serif;
}

Verdana ocupa el puesto número 3 en uso en la Web.


esto es ginebra

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: Geneva, Verdana, sans-serif;
}

esto es tahoma

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, "Trebuchet MS", sans-serif;
}

Este es Trebuchet MS

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
}

Esta es la interfaz de usuario de Segoe

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif
}

Segoe UI es la fuente predeterminada en Windows 10. También es la fuente de encabezado predeterminada en W3Schools y W3.CSS.


Fuentes Serif seguras para la Web

Familia tipográficaRespaldo seguro
Times New Romantiempos, serif
Georgiaserif

Times New Roman se considera la fuente serif más segura para la web. Funciona en todas las máquinas Windows (99,7 %) y todas las máquinas Mac (97,4 %).

Algunos sistemas operativos más antiguos pueden tener una versión alternativa llamada Times , por lo que es inteligente usar Times como respaldo y como serif.

Georgia también se considera muy segura. Es un poco más grande que Times New Roman, pero funciona bien en la mayoría de las máquinas Windows (99,4 %) y Mac (97,5 %).

Para estar seguro, use serif como respaldo.


Esto es Times New Roman

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
}

esto es georgia

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}

Fuentes monoespaciadas

En una fuente monoespaciada, todas las letras ocupan el mismo ancho.

Las fuentes monoespaciadas se usan a menudo para mostrar código de computadora.

Familia tipográficaRespaldo seguro
Mensajero Nuevomonoespaciado
Consola brillanteMónaco, monoespacio
MónacoConsola Lucida, monoespacio

Courier New se considera la fuente monoespaciada más segura para la web. Está instalado en la mayoría de las máquinas Windows y Mac.

Lucida Console no se ejecuta en Mac. Mónaco no se ejecuta en Windows.

Una solución es usar Monaco como respaldo para Lucida Console.

No hay fuentes 100% seguras para la web, pero siempre puedes usar w3-monospace .


Esto es w3-monoespacio

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<div class="w3-monospace">


Esto es Mensajero Nuevo

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Courier New", monospace;
}

Esta es Lucida o Mónaco

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

body, h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Console", Monaco, monospace;
}

Fuentes de escritura a mano

No hay fuentes de escritura a mano seguras para la web, pero puede usar w3-cursive de manera segura .

Esto es w3-cursiva

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Noruega tiene una superficie total de 385.252 kilómetros cuadrados y una población de 5.438.657 (diciembre de 2020). Noruega limita con Suecia, Finlandia y Rusia al noreste, y Skagerrak al sur, con Dinamarca al otro lado.

Ejemplo

<div class="w3-cursive">