Cómo elegir una fuente Web segura para la funcionalidad en CSS3 - Dummies

No hay una fuente web segura para cada plataforma a menos que desee utilizar los tipos de fuentes más genéricos en CSS3. Los desarrolladores desean mantener una apariencia determinada, por lo que es importante incluir fuentes específicas primero, y luego fuentes de respaldo que son menos específicas. El uso de este enfoque garantiza que todos puedan ver tu página como originalmente pensabas presentarla, al menos hasta cierto punto.

Cuando trabajas con una fuente genérica, su apariencia variará levemente. Con esto en mente, aquí hay una lista de fuentes web seguras serif (cuyos caracteres usan una línea para terminar el trazo principal de cada carácter, como las líneas que aparecen debajo de las líneas principales de una M); la fuente más específica aparece primero y la fuente menos específica aparece la última.

• Georgia, serif

• "Palatino Linotype" , " Libro Antiqua " , Palatino, serif

• " Times New Roman "Times, serif

Cada una de estas fuentes tiene una sensación ligeramente diferente, pero a veces lo mejor que puede hacer es una fuente simple serif, la última opción en cada lista. La siguiente lista describe las fuentes comunes sans - serif (aquellas cuyos caracteres carecen de serif). De nuevo, la fuente más específica aparece primero y la menos específica aparece la última.

• Arial , Helvetica, sans-serif

• "Arial Black" Gadget, sans-serif

• "Comic Sans MS" , < cursiva, sans-serif Impacto

• Carbón de leña, sans-serif "Lucida Sans Unicode"

• "Lucida Grande", sans-serif Tahoma

• Ginebra, sans-serif "Trebuchet MS"

• Helvetica, sans-serif

  Verdana Geneva, sans-serif

• El último grupo de fuentes es para el tipo de monoespacio, donde cada letra ocupa exactamente la misma cantidad de espacio (como lo hizo la salida de máquinas de escribir antiguas). Las fuentes monoespaciales normalmente se utilizan para el código de la aplicación, pero también puede usarlas en cualquier lugar donde desee crear la apariencia de la página mecanografiada. La siguiente lista presenta fuentes monoespaciales comunes con la última más específica y la menos específica.

"Courier New"

• Courier, monoespacio "Consola Lucida" Monaco, monoespacio

• Estas son fuentes comunes. Sin embargo, es posible que desee utilizar algo un poco menos común. Afortunadamente, hay sitios donde puede ver listas de fuentes aceptadas. De hecho, CSS Font Stack hace que sea fácil seleccionar una fuente al ver cómo se ve primero y luego hacer clic en un solo botón para copiar el código requerido en el portapapeles.

Por ejemplo, cuando haces clic en Arial en ese sitio, lo que realmente obtienes es font-family: Arial, "Helvetica Neue", Helvetica, sans-serif.