texto - CSS: fuentes de respaldo

fuentes personalizadas css

Question

Mi sitio web utiliza una fuente bastante oscura que casi la mitad de las computadoras pueden leer correctamente. La fuente es "Lucida Console". En las computadoras que no pueden leer esta fuente, se muestran feos en Times New Roman, ¿hay alguna forma de configurar la fuente de mi sitio web en la Consola Lucida pero en las computadoras que no pueden leerla, vea Arial en su lugar? Utilizando CSS.

Answer 1

Más consejos:

• Google css font stack para listas de fuentes sugeridas dirigidas a ciertos estilos de fuentes. ''pila de fuentes'' es el nombre coloquial para estas listas de fuentes.
• Piensa multiplataforma. Considere agregar fuentes que se encuentran comúnmente en Mac , Linux , iOS , Android, Windows y otras plataformas que sus lectores puedan estar usando.
• Siempre incluya un nombre generic-family al final de su pila de fuentes en caso de que el usuario no tenga ninguna de las fuentes que desea:
  • serif
  • sans-serif
  • cursivo
  • fantasía
  • monoespacio
• Incluya citas alrededor de las fuentes nombradas con varias palabras, o simplemente cite todos los nombres de las fuentes.

Answer 2

También puede servir esa fuente oscura con su sitio web (si tiene la capacidad legal para hacerlo) utilizando @ font-face. Es fácil y funciona incluso en IE6 :).

Lea sobre esto aquí: http://www.miltonbayer.com/font-face/

Answer 3

puede especificar múltiples fuentes:

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

El navegador probará el primero, si ese no está disponible el segundo, y así sucesivamente. Al final, utiliza la familia serif, por lo que el navegador elige cualquier fuente serif. Deberías usar la familia monoespaciada.

Entonces en tu caso, algo como esto es lo que quieres:

p{font-family:"Lucida Console", "Courier New", monospace;}