Elegir la fuente correcta es un aspecto importante de cualquier proyecto de diseño web. Hay cientos, incluso miles, de excelentes opciones y muchas pueden usarse con licencias gratuitas gracias a herramientas como Adobe Typekit y Google Fonts.
¿Pero es un servicio mejor que el otro? ¿Hay algún beneficio para Google Fonts o Typekit sobre el otro? Y, ¿cómo puede comenzar a utilizar estas herramientas si aún no las ha utilizado? Estás de suerte, porque hoy responderemos esas preguntas.
Servicios de fuentes web
Adobe Typekit y Google Fonts son dos servicios de fuentes web diferentes. Esto significa que las herramientas utilizan un poco de hechicería CSS para entregar fuentes a los navegadores web para representar los tipos de letra en su sitio web.
Hay algunos otros servicios de fuentes web por ahí, pero la mayoría de ellos son mucho más pequeños que estos "dos grandes". Muchas de las casas de tipografía ofrecen fuentes web para sus tipos de letra de firma y hacen algunas tiendas de fuentes.
Vamos a desglosar Typekit y Google Fonts debido a su atractivo y popularidad más universal.
Adobe Typekit
Typekit es parte del paquete de software Creative Cloud de Adobe, aunque los desarrolladores pueden comprar el uso independiente de fuentes a través del servicio sin agregar un paquete completo de software. Typekit ha crecido hasta convertirse en el gigante de la fuente web cuando se trata de transmisión, debido en parte a la inclusión de la herramienta con Creative Cloud. Los suscriptores de Adobe obtienen Typekit como parte de sus paquetes de software empaquetados.
Pros
- Fuentes de alta calidad
- Biblioteca masiva para elegir
- Gratis para los suscriptores de Adobe Creative Cloud
- La interfaz es elegante y fácil de usar e incluye herramientas útiles como las listas de navegación
- Las fuentes también se sincronizan con los productos Adobe en su escritorio para que pueda usarlos para todos los proyectos
Contras
- No funciona con algún software anterior (Windows 2000 o Mac OS 10.3 o anterior)
- Algunos problemas de compatibilidad con navegadores antiguos
- Puede ser una opción costosa para usuarios que no son de Adobe
Fuentes de Google
La integración de Google Fonts es una opción completamente gratuita, por lo que es popular entre los usuarios de WordPress y los creadores de kits de IU y temas. Las fuentes son fáciles de integrar y descargar, con una colección cada vez mayor de tipos de letra.
Pros
- 100 por ciento gratis
- Brinda la oportunidad de incluir muchos tipógrafos (puede solicitar enviar su propia fuente)
- La interfaz hace que sea fácil ver la fuente en uso
- El emparejamiento de fuentes y las herramientas de apariencia son fáciles de usar
- Los análisis muestran las fuentes más populares por uso en la web
- Los tiempos de carga tienden a ser rápidos y confiables
Contras
- Las fuentes de código abierto pueden tener algunos problemas de calidad
- La biblioteca puede ser un poco más limitada y es posible que deba sustituir las fuentes entre proyectos impresos y en línea
- Encontrar tipos de letra puede ser un poco torpe si no sabes lo que estás buscando
Rompiendo las herramientas
En lo que respecta a la transmisión de fuentes web, también existen algunos puntos en común que se incluyen con cualquier plataforma de este tipo. Por lo tanto, la primera decisión real es determinar si el uso de un servicio de fuentes web de transmisión por secuencias para su sitio web es el adecuado para su proyecto.
La transmisión de fuentes web, en general, le ofrece muchas opciones de tipografía a un costo que sería inimaginable si estuviera comprando tipografías. La implementación y el uso son bastante fáciles y cualquier persona con conocimientos de programación puede manejar esto con facilidad. Los usuarios no saben lo que estás usando y realmente no puedes ver. una diferencia.
La mayor estafa para los servicios de fuentes de transmisión web es que está a merced de los servidores de fuentes que pertenecen a otra persona. Si tienen un problema de servicio, usted también. Afortunadamente, tanto Adobe Typekit como Google Fonts tienen buenos registros en cuanto a mantenerse en línea.
Si no se venden en fuentes web de transmisión, hay otras opciones en las que puede pensar.
- Pila de fuentes: Esta es una técnica de CSS donde creas una lista de fuentes (en orden de cómo quieres que sean usadas). Aquí no tiene una fuente específica confiable, sino una lista de opciones que pueden aparecer en su sitio en cualquier momento. Es una opción gratuita y es rápida de cargar, pero podría dar lugar a imágenes variadas del sitio web.
- Fuentes auto alojadas: Esta técnica le permite usar las fuentes que posee y tener una licencia para proyectos de sitios web. La implementación puede ser un poco más complicada para el diseñador de sitios web informal y, obviamente, usted necesita alojar su sitio web en su propio servidor. Algunas fuentes deberán convertirse a diferentes tipos de archivos para su uso en la web y asegurarse de tener una licencia adecuada es la clave aquí. También existe el problema de la representación: las fuentes de impresión y de pantalla a menudo se optimizan de manera diferente.
¿Cual es mejor?
Entonces, ¿qué debería usar: Adobe Typekit, Google Fonts, otra solución por completo? Realmente depende de su nivel de comodidad con las herramientas y de cómo las utilice. Tal vez incluso todas las herramientas, basadas en el tipo de proyecto.
Simplemente, no hay servicio correcto o incorrecto.
Entonces, ¿qué utilizarías?
OK, lo sé, viniste aquí buscando respuestas. Si bien ahora tiene algunos datos para ayudar a tomar una decisión, todavía está buscando una sugerencia. No voy a decirte qué elección tomar. Pero puedo decirte lo que uso.
Como suscriptor de Adobe Creative Cloud, uso Typekit. Es fácil. Se integra con todos mis otros programas. Y me encanta la interfaz pulida. (Quiero usar cosas que estén bien diseñadas tanto como crearlas).
No es que Typekit sea necesariamente mejor, pero es mejor para mí. No cuesta nada más y puedo usar los tipos de letra para proyectos impresos y digitales, creando una consistencia pulida en todos los proyectos que deseo. (Odio tener que tocar las fuentes de cambio de medio juego).
He estado usando Typekit por un tiempo, incluso antes de que formara parte de la colección de Adobe, y se ha vuelto cada vez mejor. Incluye una gran funcionalidad y nunca me falta un tipo de letra (aunque la cantidad de opciones a veces puede ser abrumadora).Me gusta lo que hace Google Fonts con la fuente abierta, pero para mí, Typekit es más fácil.
Conclusión
La forma en que sirve y utiliza las fuentes en sus proyectos y en sus sitios web es una parte importante del proceso de diseño. El presupuesto y su nivel de comodidad con las herramientas disponibles probablemente determinarán el método que elija.
Todos estos servicios están mejorando y cambiando para mejor todo el tiempo. Mantenga un ojo abierto mientras trabaja y juega con múltiples opciones para diferentes tipos de proyectos para determinar qué funciona mejor para usted.
Fuentes de Google
Google Fonts es una biblioteca de más de 800 tipos de letra diferentes, completamente listos para ser integrados en su proyecto web. Esta serie analiza qué es Google Fonts y comparte ejemplos interesantes y combinaciones de fuentes que pueden llevar su proyecto al siguiente nivel.