¿Google Web Fonts o Typekit?

Como diseñador gráfico, hago diseños de sitios web, pero no el desarrollo. Alguien me preguntó hoy si conocía Typekit, y no había oído hablar de él, así que lo busqué en Google y parecía una versión paga de Google Web Fonts; que uso de vez en cuando. No conozco las razones técnicas o de desarrollo para usar uno u otro, pero no quiero que mi cliente compre algo cuando podría haber usado otra cosa gratis y obtenido el mismo tipo de resultados. Entonces, mi pregunta es, ¿es uno mejor que el otro? ¿O hay puntos buenos y malos para ambos?

Respuestas (4)

Otra opción que es más flexible que cualquiera de esas es usar @font-face .

Es gratis y puedes usar la fuente que quieras. Solo tiene que cargar la fuente donde esté alojado el sitio y especificarlo en el css. Lo único es que tienes que convertir el formato de fuente para que sea compatible con diferentes navegadores.

Aquí hay un ejemplo: supongamos que desea usar la fuente LeagueGothic:

1) Use un convertidor de fuentes para convertirlo a .ttf, eot, woff, etc. http://www.fontsquirrel.com/fontface/generator

2) Cargue todos los archivos de fuentes en una carpeta de fuentes

3) En su CSS, incluya (asegúrese de actualizar la URL de la ruta en consecuencia):

      @font-face {
       font-family: 'LeagueGothicRegular';
       src: url('../fonts/League_Gothic-webfont.eot');
       src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/League_Gothic-webfont.woff') format('woff'),
       url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
       url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
       font-weight: normal;
       font-style: normal;
     }

4) Y cuando quieras usarlo, simplemente llámalo:

    h3{ 
      font-family: 'LeagueGothicRegular', 'Gill Sans', 'Lucida Grande', Trebuchet, sans-  serif; 
    }

No he probado Typekit, pero creo que esencialmente hace lo mismo: solo elimina el paso de conversión y el alojamiento, y también ofrece muchas fuentes para elegir. Sin embargo, @ font-face realmente no es mucho más trabajo, así que personalmente lo prefiero.

Consulte esta publicación para obtener más información: http://sixrevisions.com/css/font-face-guide

FYI: existen ramificaciones legales potenciales para incrustar fuentes de esta manera, ya que proporciona una copia del tipo de letra completo en la computadora del cliente. Esencialmente descarga gratuita de software sin licencia.
Buen punto, no lo había considerado en absoluto.
es un buen método, pero hay que comprobar la licencia si se quiere cumplir.
A menos que sea una fuente totalmente gratuita, servir una fuente como esta necesita una licencia especial de "fuentes web" o "servidor" que es diferente a la licencia de escritorio estándar que le permitiría incrustar una fuente en flash o un pdf o un archivo de imagen. Muchas de las grandes fundiciones desconfían de las nuevas tecnologías como esta y ofrecen pocas opciones: para algunas fuentes más antiguas, confiar en una configuración de alojamiento de terceros es prácticamente la única forma legal, desafortunadamente. Sin embargo, hay buenas noticias para los pequeños diseñadores de fuentes modernas, que pueden meterse y hacerse un nombre mientras los dinosaurios establecidos todavía están averiguando qué hacer...

En primer lugar, ¿está satisfecho con las selecciones de tipo y el espaciado entre caracteres de las fuentes en Google Web Fonts? Todavía no los he usado, aunque he visto al menos uno o dos sitios con excelentes resultados usándolos. Al mismo tiempo, algunas de las visualizaciones de sus fuentes muestran un ajuste de letras deficiente (principalmente demasiado espacio entre letras).

Si necesita hacer coincidir las fuentes de Adobe utilizadas en la impresión, parece que Typekit podría cumplir con los requisitos. Actualmente no muestran demasiadas fuentes de Adobe en su nivel de cuenta básico, aunque hay muchas opciones. La cuenta básica es bastante económica, por lo que un cliente debería poder pagarla. Lo estoy usando en un blog en DrupalGardens en este momento y disfruto poder usar Myriad Pro.

Probablemente se trata de elegir las fuentes que desea usar, ver qué sitio tiene lo que desea o algo similar, y seguir la corriente. Puede consultar Typecast, un nuevo sitio web actualmente en versión beta privada, donde puede diseñar en el navegador, elegir fuentes web de Google, Typekit, Fonts dot com, etc., crear el diseño de su sitio con fuentes web, ver exactamente cómo se verá , luego ordene las fuentes que funcionen para usted. He pedido unirme a la versión beta, para comprobarlo. Sin duda, debería facilitar el proceso para los diseñadores.

En términos de tecnología son más o menos lo mismo.

En términos de producto, difieren en que Google se enfoca en ofertas de código abierto (sin costo) mientras que Typekit se enfoca en licencias de tipo comercial.

La decisión sobre cuál usar realmente se reduciría a qué tipo de letra desea usar.

Tenga en cuenta que muchas fundiciones y distribuidores tipográficos ahora ofrecen servicios como typekit, así que definitivamente compare precios un poco.

Parece que Typekit podría tener más opciones profesionales, ya que son propiedad de Adobe Now (AFAIK). Me pregunto sobre el tiempo de actividad y la carga del servidor cuando pienso en estos servicios. typekit y google parecen tener recursos que aseguran un tiempo de actividad cercano al 100%, por lo que sus fuentes no fallarán al cargarse. (??)
Nada tiene un tiempo de actividad del 100 %, pero sí, tanto Adobe como Google deberían estar activos la mayor parte del tiempo. Y sí, Adobe compró Typekit. No estoy convencido de que Typekit sea un modelo comercial a largo plazo, pero ser parte de Adobe tiene sentido (al menos, Adobe puede licenciar fácilmente su propia biblioteca de fuentes a través de él).
Entonces, para una pequeña empresa o para sitios web que son más bien un trabajo/pasatiempo de medio tiempo, ¿diríamos Google Web Fonts? Recuerdo haber leído un comentario sobre Typekit teniendo una buena cantidad de tiempo de inactividad, pero no estoy seguro de la antigüedad del comentario.
Como diseñador, debe elegir tipos de letra en función de las necesidades del proyecto, que incluyen objetivos comerciales y consideraciones presupuestarias. Es probable que falte un sitio de pasatiempos en el lado del presupuesto, por lo que es muy posible que desee inclinarse hacia las ofertas de Google.

También debe consultar webfonts.fonts.com, ya que también tienen una gran selección de fuentes web. También tienen muchas de las mejores fuentes de marca que usan las marcas, como Helvetica, Avenir, Univers, Frutiger y muchas más. También llevan muchas fuentes de fundición de terceros. ¡Échale un vistazo!