Incrustar fuentes comerciales en sitios web

Question

¡Buenas noches, damas y caballeros!

Búsqueda de una solución de navegador cruzado para incrustar fuentes comerciales como HelveticaNeue o Univers, etc. Encontré algunos enfoques prometedores.

En primer lugar, enumeraré todos los enfoques encontrados, modernos y fáciles de usar aquí:

1. sIFR
2. Cuf & # 243; n
3. typeface.js
4. CSS3 font-face

sIFR es bien conocido y fácil de implementar, pero como sé, no tan tan fácil como son los hermanos solo de Javascript, Cuf & # 243; ny typface.js.

Cuf & # 243; n me ha llamado la atención, ya que mejora un poco que typeface.js, y crea archivos de fuente de menor tamaño. Aparentemente no hay forma legal de usarlo con ninguna fuente comercial, que no se permite integrar en este tipo de solución.

Para typeface.js se aplica la misma situación, solo que difiere en De hecho, ni siquiera es capaz de convertir fuentes con una licencia, lo que prohíbe incrustarlo en sitios web.

Por último, pero no menos importante, está esta 'nueva' propiedad CSS, llamada font-face, que es increíblemente fácil de usar, pero para nuestro querido IE necesitamos convertir los archivos en archivos EOT (Embedable OpenType).

Por lo tanto, se necesitan declaraciones CSS especiales para que IE pueda use estas fuentes dentro del navegador.

La pregunta ahora es:

¿Cuál es el mejor enfoque para usar esas fuentes comerciales en sitios web? Use fuentes gratuitas solo de ahora en adelante con Cuf & # 243; n o convierta todas las fuentes usadas en EOT archivos y usarlos junto con font-face?

Gracias por sus respuestas bien discutidas, ¡lo aprecio!

Answer 1

Finalmente, después de algunas horas de investigación y pruebas, encontré un MUY buena solución para incrustar fuentes especiales en sitios web.

Usar el enfoque a través de CSS3 font-face es, en mi opinión, la mejor solución.

Lo único que tienes que hacer para IE es convertir sus fuentes Truetype (desafortunadamente OTF no funciona) en EOT archivos. Microsoft WEFT es una solución, pero la MEJOR manera para hacer esto, es usar la herramienta de código abierto 'ttf2eot', que se puede encontrar aquí: http://code.google.com/p/ttf2eot/

Se puede encontrar un frontend basado en la web buscando 'kirsle wizards' en Google.

Lo único que debe notar es la compatibilidad con el navegador ...

IE4,5,6,7,8 usa los archivos EOT, mientras que el soporte TTF es solo proporcionado por las versiones de Firefox > = 3.1. Sobre Safari y Opera No estoy seguro, pero Safari 4 funcionó para mí, y Opera 10 también.

(Supongo que Chrome no lo admite, debido al uso de ¿Una versión anterior de webkit ?!)

Basado en las estadísticas de seguimiento de los clientes de nuestra agencia '' solo '' 15 a 20% de sus visitantes usan navegadores incompatibles como Firefox 2.0 o 3.0, versiones anteriores de Safari u Opera o Chrome.

Answer 2

La parte inferior de esta página tiene información sobre cómo hacerlo usando HTML y CSS directo: http://www.albinoblacksheep.com/text/font