safe lista for font family examples best web-safe-fonts

web-safe-fonts - lista - web fonts css



¿Es Rockwell una fuente segura para la web? (12)

Recientemente recibimos una maqueta para un sitio web de un cliente que hace un uso extensivo de la fuente Rockwell todo el diseño de los elementos del menú, títulos de artículos, títulos de bloques, etc.

Nunca había oído hablar de esa fuente y asumí que no era seguro para la Web, también revisé en línea en varios lugares para confirmar esto, como here y here , pero no pude encontrar ninguna referencia a esta fuente.

Entonces, después de decirles a los diseñadores que vamos a necesitar algún tipo de técnica de reemplazo de texto para usar esta fuente, nos dijeron que esta es una fuente segura para la web y que verificaron en Windows y Mac y la fuente está instalada .

Así que vamos a utilizar esta fuente, pero sigo sintiendo curiosidad por si se trata de una fuente estándar o si está instalada con un producto de Adobe o cualquier otra aplicación.

¿Alguien tiene alguna información sobre esto?

Como han dicho otros, Rockwell no es una fuente segura para la web. Yo, por ejemplo, estoy escribiendo esto en un cuadro de Windows perfectamente normal y no lo tengo. Se instala con ciertas versiones de Office.

La respuesta aceptada actual recomienda usar una pila de fuentes CSS adecuada para alimentar a Rockwell a los visitantes que la tienen, y fuentes más comunes pero menos adecuadas para aquellos que no la tienen. Es un excelente consejo, así que hazlo.

Sin embargo, puedes hacer uno mejor. Todos los navegadores modernos que no son de IE son compatibles con CSS Webfonts ahora o lo harán en su próxima versión. Este módulo le permite alojar fuentes en su servidor y alimentarlo de manera transparente a los visitantes cuando lo visitan, lo que le permite utilizar una amplia gama de fuentes que no están disponibles de manera confiable. Continúe y agregue el soporte de Webfont ahora para Rockwell, dándole como la segunda opción en la pila de fuentes (detrás de Rockwell ordinario). Esto permitirá que los visitantes que usan navegadores avanzados pero que no tienen Rockwell instalado aún puedan obtener el efecto completo de su tipografía, mientras que los visitantes con navegadores más pequeños se degraden a otra fuente.

Finalmente, si realmente necesitas golpear IE con la fuente, ve con el reemplazo de la imagen. SIFR siempre es una opción, pero realmente puede ralentizar una página, especialmente si se usa mucho. Soy el desarrollador de PIR , que es un sustituto de imagen basado en javascript discreto y superligero que utiliza un servidor de PHP para generar las imágenes. Toma toda la información relevante del CSS directamente, e incluso puede manejar el ajuste de palabras automáticamente. También hay un backend FastCGI en desarrollo por uno de mis usuarios. PIR genera PNG de 32 bits, por lo que puede ofrecer una transparencia total (incluso hará que la fuente sea transparente si el visitante está utilizando un navegador que sabe cómo manejar los colores transparentes).

Cuando CSS3 es implementado por todos los principales navegadores, entonces tal vez sería seguro usarlo. Hasta entonces, lo evitaría.

Hay un conjunto muy pequeño de fuentes seguras para la web; Rockwell no es uno de ellos porque viene con software de terceros como Microsoft Office.

Dicho esto, si debe usar Rockwell como su fuente principal, asegúrese de definir una pila de fuentes decente para ella. Es decir, use CSS para definir una lista de alternativas, donde cada alternativa es una fuente segura para la web:

body, input, textarea { font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; }

Alguna información sobre pilas de fuentes:

Hoy en día (2011), los navegadores modernos admiten la incrustación de fuentes personalizadas a través de @font-face . Las opciones populares incluyen Typekit , Google Fonts y Font Squirrel . Tenga en cuenta que no todos los navegadores admiten la carga de fuentes personalizadas a través de CSS, por lo que aún debe enumerar las fuentes seguras para la web como alternativas.

La disponibilidad de Rockwell es inconsistente, así que no confiaría en ello.

Sin embargo, si Rockwell hace que el diseño funcione, sugeriría usar sIFR en las fuentes para que aparezcan independientemente de lo que haya en la computadora del usuario.

Más sobre sIFR here

Puede decirle a sus diseñadores que en Windows, Rockwell no está instalado de forma predeterminada. Se instala como parte del paquete de Office (más específicamente, Publisher). Más información aquí: office

Respuesta directa: Rockwell no es una fuente segura para la web. Lo que puede hacer es obtener la fuente (la descarga es gratuita here y puede importarla en su hoja de estilo y, por lo tanto, ponerla a disposición en todas sus páginas web. De esta forma, sus visitantes no necesitan tenerla en sus computadoras para poder verla). eso.

Rockwell se instala con Office 2003 y versiones posteriores, y con algunos productos de Adobe. No es lo que consideraría seguro para la web, así que asegúrate de tener un respaldo. Aquí hay una lista de las fuentes instaladas comúnmente.

Rockwell se instala con la office . ¡Podría querer intentar ejecutar cosas en una computadora sin oficina!

Tengo Mac OS 10.5.6 (Leopard) con todas las actualizaciones hasta la fecha y no tengo tal fuente en mi sistema. También tengo una instalación nueva de Windows XP en una máquina virtual, tampoco hay rastro de Rockwell.

Creo que sus diseñadores solo quieren evitar seguir trabajando ... Nunca había oído hablar de Rockwell antes de que "Sketch Rockwell" apareciera en la revista Smashing hace un par de meses.

También preferiría sIFR, especialmente si usas la fuente en tamaños mayores a 16. No se trata solo de no tener la fuente, sino que los navegadores que se ejecutan en Windows no son antialias y eso los hace ver terribles en tamaños más grandes. Puedes encontrar un buen tutorial de sIFR aquí .

Cualquier fuente es segura para la web, si proporciona caídas razonables. es decir:

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

Por supuesto, eso significa ser consciente de las diferencias entre la caída y la fuente deseada. Asegúrate de probar en algún lugar sin esa fuente.