Mi sitio web utiliza una fuente bastante oscura que aproximadamente la mitad de las computadoras puede leer correctamente. La fuente es "Consola Lucida". En las computadoras que no pueden leer esta fuente, se muestran feos Times New Roman, ¿hay alguna manera de establecer la fuente de mi sitio web en Lucida Console pero en las computadoras que no pueden leerlo, vea Arial en su lugar? Usando CSS.CSS: fuentes de respaldo
puede especificar múltiples fuentes:
p{font-family:"Times New Roman", Times, serif;}
El navegador intentará la primera, si es que no está disponible la segunda, y así sucesivamente. Al final, utiliza el serif de la familia, por lo que el navegador elige cualquier fuente serif. Deberías usar la familia monoespacio.
Así, en su caso, algo como esto es lo que quiere:
p{font-family:"Lucida Console", "Courier New", monospace;}
p {font-family: "Consola Lucida", "Courier New", monoespacio;} ¿Así que aquí selecciona consola Lucida pero vuelve a Courier New si no está disponible? Además, ¿me importa aclarar qué es lo que agrega el monoespacio? – dukevin
@Kevin: significa recurrir a las fuentes monoespaciales predeterminadas del sistema si ninguna de las fuentes anteriores está disponible. Sin embargo, use esta característica con cuidado (léase: nada) porque Safari lo usará como una pista para adaptar el tamaño de fuente del estilo, haciéndolo más pequeño. Y prácticamente no hay forma de evitar esto sin establecer un tamaño de letra fijo (que es un estilo extremadamente malo y lo transportará directamente al limbo de Dante). –
@ Rudolph, información muy buena. Otra pregunta: tener font-family: "ocr a std", "Lucida Console", "Courier New", monoespacio; ¿serán 3 fuentes de respaldo? – dukevin
También se puede servir a esa fuente oscura con su sitio web (si está en posibilidad legal de) usando @ font-face. Es fácil y funciona incluso en IE6 :).
leer sobre ello aquí: http://www.miltonbayer.com/font-face/
Dado que este hilo aún puede estar activo (tiene un promedio de 6 visitas por día), me gustaría extender su comentario y decir STOP desarrollando para IE6;) – Cammy
@cammy A menos que trabaje para el mercado chino;). Por cierto, el punto importante en mi respuesta no es IE6, por supuesto. – kapa
Otros consejos:
¿Esta "fuente bastante oscura" de la que está hablando? Está incluido en todas las copias de Windows. –
no estoy seguro de por qué solo se muestra en algunas computadoras (todas las ventanas) – dukevin
oh mi error, el nombre de la fuente es "ocr a std" – dukevin