Tipografía web: servicios de incrustación de fuentes

Existen muchas opciones para usar fuentes que no sean seguras para la web en los diseños de su sitio web.. Los métodos de reemplazo de texto dinámico o el recurso a pilas de fuentes muy largas (donde la mayoría de sus visitantes no verán la fuente que desea de todos modos) han sido durante mucho tiempo el estándar para usar cualquier otra fuente que no sea segura para la web.

Pero la función @font-face cambia todo eso. Con la mayoría de los principales navegadores modernos ahora compatibles con él, los servicios están surgiendo por todas partes para proporcionar las fuentes que desea incrustar en su sitio sin consumir su ancho de banda y espacio del servidor.

Uno de los mayores obstáculos que estos servicios ayudan a superar son los problemas de licencia relacionados con la incrustación de ciertas fuentes en su sitio web. Si bien muchas fuentes (especialmente las fuentes de código abierto) tienen licencias que permiten la incrustación, otras lo prohíben estrictamente. Los servicios de Webfont trabajan con las fundiciones tipográficas para proporcionar fuentes para incrustar y, al mismo tiempo, brindan la seguridad en la que insisten las fundiciones.

Actualmente, hay cuatro de estos servicios disponibles, aunque dos (Typekit y Fontdeck) todavía son solo por invitación. Siga leyendo para obtener más información sobre cada uno.

1. Juego de tipos

Juego de escribir es solo por invitación en este momento. Puedes registrarte para recibir actualizaciones en su sitio web y te anunciarán cuando esté listo. Pero mucha información ya está disponible en su blog.

Por lo que parece, Typekit tendrá tres opciones de suscripción disponibles. El servicio de prueba ofrece una colección de fuentes de tamaño bastante decente de fundiciones que incluyen Bitstream (Vera Sans), Bigelow & Holmes (Luxi Sans, Luxi Serif), Fonthead (Good Dog, Corn Dog y otras), Jason Kottke (Silkscreen) y otras . El servicio de nivel Personal ofrece todas las fuentes de prueba, además de fuentes de Barry Schwartz (BonvenoCF, Goudy Bookletter 1911), Cathy Davies (Chemist, Chemist Rough), FRiTZe (Vollkorn) y Typodermic (Cardigan, Soap y otras), entre otras. muchas otras fundiciones. La opción Biblioteca completa tiene todas las fuentes de las bibliotecas personal y de prueba, además de fuentes de Betatype (Apertura, Pill Gothic 300mg y otras), Insigne Design (Montag, Carta Marina, Deinstag) y Paragraph (Galette, Mentone), entre otras. . En general, hay cientos de fuentes disponibles.

Typekit funciona con prácticamente todos los principales navegadores, incluidos Internet Explorer, Firefox y Safari. Si bien aún no se ha publicado el precio, la versión de prueba será de uso gratuito.

Recursos del juego de tipos

Primeras impresiones de Typekit
Esta publicación brinda una excelente descripción de primera mano de cómo es usar Typekit.

Examinando Typekit
Un excelente artículo que analiza los aspectos positivos y negativos del uso de Typekit.

Primeros pasos con Typekit
Una excelente guía introductoria de Carsonified.

Vendedores de tipos, fuentes web y Typekit
Una gran publicación de Nice Web Type que habla sobre @font-face en general y Typekit en particular.

Typekit espera convertirse en el YouTube de las fuentes
Un excelente artículo de Webmonkey sobre el potencial de Typekit.

Typekit: desterrar Blight del navegador
Una mirada bastante completa a Typekit de Linux Magazine.

2. Fuentes web tipográficas

tipoteca es una fundición de fuentes que ofrece su propia solución al dilema @font-face. Su servicio afirma funcionar en el 95% de los navegadores y admite varios idiomas.

Una de las grandes ventajas de este servicio basado en la fundición es que usted paga por una sola licencia tanto para impresión como para uso web, y la tarifa de la licencia es un pago único. También puede usar las fuentes que compra en un número ilimitado de dominios, lo que la convierte en una solución potencialmente muy rentable.

Por supuesto, el gran inconveniente de esto es que solo puede usarlo con fuentes Typotheques. Si bien tienen algunas fuentes muy bonitas disponibles, es una colección relativamente pequeña, con solo ocho fuentes distintas (con varios pesos disponibles para la mayoría de ellas). Pero, si sus fuentes se ajustan a sus necesidades, entonces es una gran solución.

Recursos tipoteca

Probando Typotheque @font-face Incrustación
Una mirada muy completa a Typotheque de For a Beautiful Web.

Las fuentes web de Typotheque son geniales, pero las máquinas antiguas no pueden aprender nuevos trucos tipográficos
Una mirada más crítica a Typotheque de Webmonkey.

Demostración de Typotheque Web Font Service
Una demostración en video de Typotheque en Vimeo.

3. Kernest

Kernest adopta un enfoque ligeramente diferente al modelo de servicio webfont. Básicamente, permiten que los diseñadores tipográficos y las fundiciones envíen sus fuentes bajo una variedad de opciones de licencia y establezcan el precio por usar esa fuente en particular por sitio por año. Actualmente tienen algunas docenas de fuentes disponibles, de una variedad de fundiciones. La funcionalidad de vista previa en el sitio también es muy útil, ya que le permite probar fuentes con el texto que ingresa.

Kernest funciona con todos los principales navegadores web, incluidos Safari 3 y superior, Firefox 3.5 y superior, Opera 10 y superior e Internet Explorer 4 y superior. Es una lista bastante impresionante.

El uso es fácil, ya que los diseñadores web solo necesitan elegir las fuentes, cargar el CSS Embed de Kernest, actualizar las etiquetas CSS del sitio y actualizar.

El precio de las fuentes varía ampliamente en el sitio, con muchas fuentes disponibles de forma gratuita y otras que se ejecutan en el rango de $ 10- $ 20 / año (aunque algunas son más caras). Dependiendo de qué tipografías quieras usar, puede ser una opción muy económica.

Sitios que usan Kernest

Mientras que los otros sitios aún no tienen galerías de sitios que utilicen sus servicios, Kernest sí lo tiene. A continuación se muestran algunos sitios que aprovechan su tecnología.

Recursos Kernest

Un servicio de fuentes web de verdad, un adelanto de KernestUna gran mirada a cómo funciona Kernest, de Readable Web.

La importancia de conocer a Kernest: Bastante alta. Tu movimiento, Typekit.
Una mirada rápida a Kernest de alguien que lo usó tanto como Typekit.

Una entrevista con Garrick Van Buren de Kernest
Una entrevista con el creador de Kernest.

Uso de fuentes nuevas de Kernest en Blogger
Un tutorial para usar las fuentes web de Kernest en los blogs de Blogger.

4. Cubierta de fuentes

Fontdeck es un servicio de fuente web desarrollado por ClearLeft y OmniTI que aún se encuentra en versión beta privada. Puede registrarse para recibir actualizaciones en su sitio web. Incluso hay menos información disponible sobre Fontdeck que sobre Typekit.

Por supuesto, el hecho de que OmniTI se encargará de los aspectos de seguridad de Fontdeck significa que es más probable que obtenga el apoyo de los fabricantes de fuentes que pueden ser cautelosos o métodos menos seguros. Es probable que Fontdeck garantice la seguridad de las fuentes que proporciona.

Todavía no hay información de precios disponible para Fontdeck, ni siquiera información sobre cómo podrían estructurarse sus precios.

Puede obtener actualizaciones sobre los desarrollos de Fontdeck a través de su Feed de Twitter.

Ventajas de los servicios de Webfont

Hay una serie de ventajas en el uso de servicios de fuentes web sobre el reemplazo dinámico de texto (DTR) u otros métodos. la primera es que estos servicios funcionan bien para reemplazar la fuente de todo el texto de una página, no solo los títulos. Convertir todo el texto de una página usando DTR no es práctico debido al tiempo de conversión requerido. Los servicios de Webfont no tardan más en cargar una página de texto que en cargar un encabezado.

Otra gran ventaja de usar un servicio de fuente web es que elimina los problemas legales, a veces confusos y complicados, relacionados con la incrustación de fuentes en la web. Muchas fundiciones de fuentes consideran que la incrustación de fuentes las redistribuye, por lo que el uso de @font-face con sus fuentes va en contra de sus términos de servicio. Teniendo en cuenta lo pequeñas que son la mayoría de las fundiciones de fuentes (muchas son de una sola persona), la piratería de fuentes puede ser una gran carga para ellas. La mayoría de los servicios web hacen de la seguridad una prioridad máxima y hacen mucho para proteger a las fundiciones de fuentes para que no pirateen sus fuentes..

La gran ventaja final para usar un servicio de fuente web es que ahorra ancho de banda. Si tiene un sitio de alto tráfico, todos los que descargan archivos de fuentes cuando se carga su página pueden usar rápidamente una gran cantidad de ancho de banda. Los servicios de fuentes alojan las fuentes en sus propios servidores, ahorrando ancho de banda. Según las cifras de tráfico y el plan de alojamiento, el dinero ahorrado podría incluso ser suficiente para compensar el costo del servicio cada año.

Más recursos

La fuente como servicio
Una gran publicación de i love typography comparando Typekit, Fontdeck y Typotheque.

La dirección hacia adelante con fuentes web
Una publicación de Molecular Voices que cubre una amplia variedad de opciones de fuentes web, incluidos servicios, estándares y propuestas de fuentes web (como .webfont y ZOT).

Web Font Services Únase a Fray mientras el formato .webfont gana soporte
Una publicación de Ars Technica sobre servicios y propuestas de fuentes web.

El futuro de la incrustación de fuentes web
Una publicación anterior de Clagnut sobre la incrustación de fuentes web.

Prueba de fuentes web
Un excelente post de movito sobre Typekit, Typotheque y WOFF.

Sobre el Autor

Cameron Chapman es un diseñador web y gráfico profesional con más de 6 años de experiencia. Escribe para varios blogs, incluido el suyo propio. Cameron Chapman sobre la escritura . También es autora de Famosos en Internet: una guía práctica para convertirse en una celebridad en línea.