2009-03-27 22 views
26

Recientemente hemos recibido una maqueta para un sitio web de un cliente que hace un uso extensivo de la fuente Rockwell todo el diseño de elementos de menú, artículos de títulos, títulos de bloque, etc ...¿Rockwell es una fuente web segura?

Nunca oí hablar de esa fuente antes y asumí que no era seguro para la red, 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 decirle a los diseñadores que vamos a necesitar utilizar 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 revisaron en Windows y Mac y la fuente está instalada.

Así que vamos a utilizar esta fuente, pero todavía tengo curiosidad si esta es una fuente estándar o si está instalada con un producto Adobe o cualquier otra aplicación.

¿Alguien tiene alguna información sobre esto?

+1

Duh - Me acabo de dar cuenta de que publiqué el mismo enlace que tú. Mi mal –

+0

no te preocupes, gracias por contestar – Flupkear

Respuesta

37

Hay un very small set de fuentes web seguras; Rockwell no es uno de ellos porque viene con un software de terceros como Microsoft Office.

Dicho esto, si debe usar Rockwell como fuente principal, asegúrese de definir una fuente de pila decente para ello. Es decir, el uso de CSS para definir una lista de retrocesos, donde cada repliegue es una fuente segura para la Web:

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

Parte de la información en las pilas de las fuentes:

En la actualidad (2011), los navegadores modernos soportan embedding custom fonts via @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 debe incluir las fuentes seguras para la Web como reversibles.

+0

El nuevo enlace para las fuentes de Google es: http://www.google.com/fonts/ – longda

+0

Parece que Rockwell puede obtener una licencia como fuente web de fonts.com: http://www.fonts.com/font/monotype/rockwell?QueryFontType=Web#product_top – longda

1

Rockwell está instalado con office. ¡Puede que quiera intentar ejecutar cosas en una computadora sin oficina!

4

Rockwell se instala con Office 2003 y posterior, y con algunos productos de Adobe. No es lo que consideraría seguro para la Web, así que asegúrese de tener un respaldo. Here's a list de fuentes instaladas comúnmente.

0

La disponibilidad de Rockwell es inconsistente por lo que no confiaría en ella.

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

Más sobre sIFR here

+1

¿Usar el flash para reemplazar texto con gráficos representados del texto? Brrrrrr, la idea me da piel de gallina – Treb

+0

jerebear: Estoy de acuerdo con Treb: usar sIFR es una mala idea. Su enlace tampoco funciona. –

1

Usted puede decir a sus diseñadores que en Windows, Rockwell no se instala por defecto. Se instala como parte del paquete de Office (más específicamente, Publisher). Más información aquí: http://support.microsoft.com/kb/837463

0

Cualquier tipo de letra es seguro para la Web, si usted proporciona razonables otoño-backs. es decir:

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

Por supuesto que significa ser consciente de las diferencias entre la caída hacia atrás y fuente deseada. Asegúrate de probar en algún lugar sin esa fuente.

+5

Las citas deben ir alrededor de cada nombre de familia (no genérico), no de toda la lista. – bobince

+1

@bobince: Pensé que ¿Se suponía que solo se usaban los nombres de varias palabras? – mpen

+2

Las citas son solo * re quired * alrededor de los nombres de varias palabras, pero recomiendo usarlos para todos los nombres que no sean de palabras clave, de modo que quede claro cuando uses una palabra clave en lugar de una fuente que acaba de llamarse "Sans-serif". (Lo cual, por desgracia, algunos Unixes tienen! Gah) – bobince

0

Tengo Mac OS 10.5.6 (Leopard) con todas las actualizaciones actualizadas y no tengo esa fuente en mi sistema. También tengo una nueva instalación de Windows XP en una máquina virtual, tampoco hay señales de Rockwell allí.

Creo que sus diseñadores solo quieren evitar más trabajos ... Nunca había oído hablar de Rockwell antes de que "Sketch Rockwell" apareciera en Smashing Magazine hace un par de meses.

También iría por sIFR, especialmente si usa la fuente en tamaños mayores que 16. No solo se trata de no tener la fuente, sino que los navegadores que se ejecutan en Windows no tienen antialias y eso los hace parecer terribles en tamaños más grandes. Puede encontrar a nice sIFR tutorial here.

-1

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

7

Como han dicho otros, Rockwell es no una fuente websafe. 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 actualmente recomienda utilizar una pila de fuentes CSS adecuada para alimentar Rockwell a los visitantes que lo tienen, y fuentes más comunes pero menos adecuadas para las que no lo tienen. Es un excelente consejo, así que hazlo.

Sin embargo, en realidad puedes hacer una mejor. Todos los navegadores modernos que no son IE ya soportan CSS Webfonts ahora o lo harán en su próxima versión. Este módulo le permite alojar fuentes en su servidor y alimentarlas de forma transparente a los visitantes cuando visiten, lo que le permite utilizar una gran variedad de fuentes que no están disponibles de manera confiable. Continúe y agregue 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á a los visitantes que usan navegadores avanzados pero que no tienen instalado Rockwell obtener el efecto completo de su tipografía, al tiempo que permite que los visitantes con navegadores de menor tamaño sigan degradando con gracia a otra fuente.

Finalmente, si realmente necesita presionar IE con la fuente, vaya con la sustitución de la imagen. SIFR siempre es una opción, pero realmente puede ralentizar una página, especialmente si usa mucho. Soy el desarrollador de PIR, que es un sustituto de imágenes basado en JavaScript, ligero y superligero que utiliza un backend de PHP para generar las imágenes. Captura 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 utiliza un navegador que sabe cómo manejar colores transparentes).

0

Otra lista útil de fuentes web seguras se puede encontrar aquí.

http://www.prismgraphicdesign.co.uk/web_safe_fonts.php

Espero que esto ayude.

+0

Lone link es [considerada como una respuesta deficiente] (http://stackoverflow.com/faq#deletion) ya que no tiene sentido por sí mismo y no se garantiza que el recurso objetivo esté vivo en el futuro. [Sería preferible] (http://meta.stackexchange.com/q/8259) incluir aquí las partes esenciales de la respuesta, y proporcionar el enlace de referencia. – j0k

7

Como alternativa a Rockwell, puede usar una fuente llamada Arvo del Google Web Fonts API.

+0

AFAIK, es exactamente la misma fuente, simplemente se deshace del original. –

+2

En realidad, hay algunas diferencias sutiles. – aren55555

+1

Agregando a @ aren55555, una fuente es mucho más que sus glifos. –

0

Respuesta directa: Rockwell no es una fuente segura para web.Lo que puede hacer es obtener la fuente (es gratis para descargar here y puede importarla en su hoja de estilo y así ponerla a disposición en todas sus páginas web. De esta forma, sus visitantes no necesitan tenerla en sus computadoras para ver

Cuestiones relacionadas