Safari 3.1 (y Webkit Nightly construye), Firefox 3.1, Opera y 10 de apoyo @ font-face para incrustar .ttf (fuentes TrueType) y .otf (fuentes OpenType). La versión 5+ de Internet Explorer solo admite la incrustación @ font-face para .eot (un formato de tipo abierto incrustado patentado).
Microsoft crea una pequeña y horrible herramienta de conversión de fuentes llamada WEFT (solo Windows) que puede usar para convertir la mayoría de los formatos de fuente a .eot.
CSS3.info tiene un bonito, brief tutorial sobre cómo usar la regla @ font-face. El sitio es un gran recurso para jugar con trucos de CSS3 (o en este caso, trucos propuestos por CSS2).
Hay un artículo más completo sobre este tema en A List Apart.
Asegúrate de que las fuentes que insertas en una página web indiquen que está bien hacerlo en sus licencias, ya que la fuente vivirá en tu servidor web en un directorio público, gratis para que cualquiera pueda descargar. Este uso no siempre está explícitamente cubierto en la licencia, pero generalmente puede contactar al diseñador directamente para preguntar. Por lo general, le permiten usar una fuente siempre que incluya un enlace a su página. No estoy seguro si Franklin Gothic Medium está aprobado para este uso, pero dudo que lo sea.
Aquí hay algunos recursos para fuentes gratuitas. Si lo hace lo suficientemente excavación, por lo general puede encontrar una cara similar que funcione para usted:
Hola Andrew. Estamos tratando de alejarnos del uso de imágenes. @ font-face es amigable con el SEO y accesible. – jonhobbs
, al menos debería sugerir agregar un nombre o un selector alt por razones de seo. – thatmiddleway
me encanta recibir votos atrasados 3 años después –