fuente personalizada y un CMS

Question

Estoy construyendo un sitio web para un artista que ha tenido una fuente personalizada a partir de su puño y letra. A él le gustaría utilizar esta fuente ampliamente en todo el sitio. - no para todos el cuerpo del texto, ya que sería difícil de leer, pero para los títulos, navegación, llamadas, cosas por el estilo

Tengo el archivo. - Es un archivo de fuentes TrueType

Vamos a estar usando un CMS basado en PHP para construir el sitio.

¿Cuál es la mejor manera de ir sobre el uso de esta fuente personalizada para este propósito al tiempo que permite nombre de la página, títulos, etc., para ser editado por el cliente en el CMS? Me gustaría dar cabida a tantos usuarios como sea posible, pero sería muy bien si algunos visitantes del sitio vieron Arial o Verdana o lo que elegimos para el cuerpo del texto.

¿Debo darle @ font-face un torbellino? Usar PHP para crear imágenes en el servidor? Sifr? Este sitio probablemente será de alrededor por un tiempo, así que me gustaría ser lo más visión de futuro posible. Al mismo tiempo, me gustaría estar realmente seguro de que nadie puede utilizar la fuente en sus propios sitios web o descargar una copia.

Algo de información de antecedentes sobre su actual sitio existente: Bastante concurrido sitio con alrededor de 500 visitas (página 2000 visitas) por día.

Estadísticas de navegador:

IE: 48% (10% de los usuarios es decir, en IE6, 42% en IE7, 48% en IE8)

FF: 32% (38% de los de 3.5.5, 29% en 3.0.15, 11% en 3.5.4, 4% en 2.0.0.20, y 5% en 3.5.2)

Safari: 17% (53% de los que 531,9, 13% en 531.21.10, 7% en 528.16, 5% en 525.22 y 4% en 530.19)

Chrome: 2% (41% de aquellos en 3.0.195.33, 31% en 3.0.195.27, 21% en 3.0.195.32 y 4% en 4.0.223.16)

Answer 1

La solución más sencilla es utilizar el método @font-face. Si se incluye el único formato de Microsoft (.eot) que funcionará en CUALQUIER navegador.

Vea algunos de estos artículos en la sustitución de la fuente.

http://www.zeldman.com/2009/ 12/02 / a prueba de balas-font-cara / http : //www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009 / 10 / font cara el tiempo-is-ahora /

Puede utilizar esta herramienta de Microsoft para convertir su fuente a un .eot (La necesidad de formato para IE)

http://www.microsoft.com/typography/WEFT.mspx

El método @font-face no requiere Javascript o Flash, al igual que las técnicas de sIFR y Cufon anteriormente mencionados, por lo que es más accesible por todos.

Es totalmente amigable con SEO y escalable .

Answer 2

Me gustaría probar Cufon . El tipo de letra no sería "protegido". Pero requeriría un poco de esfuerzo técnico para convertir el tipo de letra Cufón genera de nuevo a una cara TrueType o OpenType.

Answer 3

El método que recomendaría es Scalable Inman Flash Replacement (sIFR), que se puede encontrar información aquí: http://www.mikeindustries.com/blog/sifr/

La otra técnica que es común, pero nunca he utilizado personalmente, es php Sustitución de imágenes. Ambos requieren el uso de secuencias de comandos, por lo que no va a funcionar con personas que usan noscript y sé sIFR no funcionará con Ad Block Plus, pero como usted ha dicho, un gran porcentaje de su mercado que va a funcionar muy bien y tiene un aspecto fantástico.

Answer 4

Hay dos opciones (aparte de SIFR y Cufón como han dicho otros):

Especificar una fuente personalizada a través de CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

Crear imágenes estáticas:

Como se ha señalado crear imágenes para cada cabecera usando la fuente personalizada - esto también podría presentar un obstáculo para cualquier persona que quiera copiar la fuente. (Por supuesto, siempre podían trazar una fuente en los gráficos que contienen la fuente y crear fácilmente una TTF de ella).

El ataque principal contra es esta pregunta es la siguiente:

"Me gustaría estar realmente seguro de que nadie puede utilizar la fuente en sus propios sitios web o descargar una copia"

En serio? Sin necesidad de utilizar imágenes estáticas / flash / SIFR / Cufon, un usuario tendrá que descargar una copia de una fuente a su ordenador con el fin de hacer que el tipo de letra en su navegador web. Una vez que dar una copia al usuario que no se puede esperar para controlar si lo utilizan en su propio sitio web. De nuevo, es trivial para copiar una fuente en una imagen estática y crear una TTF para todo el mundo para copiar - ver sitios como http : //www.dafont.com/ para ejemplos de fuentes famosos copiados (como un ejemplo, la fuente Tranformers: http://www.dafont.com/search.php?psize=m&q=transformers )

Answer 5

@ font-face funciona muy bien para mí. Hay un generador de aquí, donde puede subir su fuente, y luego se le proporcionará todos los formatos y códigos que necesitará: http://www.fontsquirrel.com/fontface/generator