Fuentes no estándar en la web?

Hace poco encontré una página web con la fuente “ff-tisa-web-pro-1” (especificada en su archivo CSS).

¿Cómo funciona? Definitivamente no tengo esta fuente en mi computadora, sin embargo, se mostró.

Puede usar CSS para incrustar fonts en páginas web.

¿Quiere alejarse de las fonts ‘Web Safe’ para algunos encabezados atractivos Y hacerlo sin usar una imagen? ¡Usa CSS 3 e integra una fuente!

http://www.zenelements.com/blog/css3-embed-font-face/

Como Simon señaló, la statement CSS @ font-face se puede usar para implementar fonts tradicionalmente no seguras para la red en su sitio. Si quieres probarlo tú mismo, definitivamente echa un vistazo a la ahora famosa implementación de cara tipográfica a prueba de balas de Paul Irish, que enlaza con el generador de fonts FontSquirrel . Ahora es compatible con el navegador cruzado con la implementación correcta, aunque con la mayoría de las fonts tendrás que lidiar con licencias, y el procesamiento uniforme sigue siendo un problema.

El sitio sobre el que preguntas aunque usa Typekit , uno de varios servicios nuevos que alojarán y servirán archivos de fonts por ti (con una tarifa), y te ofrece una implementación fácil que enmascara las complicaciones de @ font-face. La API de fonts de Google es similar, aunque es gratuita y solo los hosts / sirven una pequeña selección de fonts gratuitas.

Además, las técnicas alternativas no nativas para incrustar fonts han existido por un tiempo (aunque no estarían indicadas en el CSS), ver cufon y sIFR .

Aquí hay una página de muestra con la que estaba jugando recientemente para ver fórmulas matemáticas en Firefox. La parte que probablemente le interese más es la statement css @font-face en la parte superior, y el style="font-family: DejaVu Serif Web;" asignado a las

y

.

     mathy fonts test    

DejaVu Serif

Nulla eu commodo neque. Donec nec nisi libero. Integer sollicitudin leo vel arcu elementum mattis. Vivamus eu sodales odio. Curabitur eu auctor leo. Pellentesque adipiscing nulla iaculis ante commodo aliquet. Donec egestas tincidunt tincidunt. Nunc ut condimentum orci. Aenean in egestas tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur suscipit, sapien ut dignissim pellentesque, lacus risus facilisis odio, et tristique nunc quam et mauris. Quisque pellentesque nulla et dui bibendum suscipit. Aenean consectetur adipiscing nulla, a molestie nunc semper non. Quisque at ipsum quis turpis gravida commodo et vel felis. Integer lobortis augue eu tortor aliquet nec mattis nulla aliquam. Sed ornare cursus urna et congue.

x = b ± b 2 4 a c 2 a

Si lo visualizas localmente, tiene que guardarse como .xhtml, no solo como .html, lo que me ayudó un poco. Esto, por supuesto, está relacionado con el material matemático, no con la fuente, por lo que solo se trata de una nota si intentas utilizar este código completo.


Hay una lista decente de fonts que puedes (legalmente) insertar en tu documento aquí .

Typekit también proporciona una forma ingeniosa de insertar fonts que requieren acuerdos de licencias con fundiciones de tipo. Actualmente ofrecen la posibilidad de utilizar una fuente (de su elección) de forma gratuita.

La vinculación de fonts ha estado en los navegadores durante bastante tiempo; el problema era con qué formato podrías usar. Microsoft, por supuesto, admite un formato de fuente propietario, y Mozilla no. suspiro

El Directorio de fonts de Google es un recurso interesante para entender la dirección en la que se mueven las fonts web:

http://code.google.com/webfonts/preview

Google lanzó recientemente Font API , podría ser de alguna utilidad para usted.