ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

Si eres de los que se pasa horas mirando tipografías “bonitas” pero luego no sabe dónde demonios se usan en la vida real, Fonts In Use es básicamente oro puro.

La idea es simple pero potente: recopilar ejemplos reales de cómo se usan las tipografías en proyectos de diseño. Nada de mockups vacíos ni muestras aburridas con la letra “A B C D”. Aquí ves la tipografía funcionando en su hábitat natural: carteles, portadas de discos, branding de marcas, revistas, señalética, interfaces… todo.

Lo interesante es que no es solo inspiración visual, es contexto. Puedes descubrir qué fuente se usó en un póster icónico, cómo cambia su personalidad dependiendo del diseño, o qué combinaciones tipográficas funcionan en proyectos reales. Para diseñadores gráficos es una mina. Para programadores con gusto por el front-end también, porque te da ideas muy claras de cómo una tipografía puede cambiar por completo una interfaz.

Además, tiene ese punto de archivo casi obsesivo que engancha: entras a mirar una cosa y acabas saltando de un proyecto a otro sin darte cuenta. Es como Pinterest, pero enfocado y con criterio tipográfico serio.

En resumen, Fonts In Use no es solo una web de referencias, es una herramienta para entrenar el ojo. Y en diseño, eso vale más que cualquier tutorial.

#Typography #DesignInspiration #GraphicDesign #Fonts #UIUX #WebDesign #Typefaces #CreativeProcess #DesignResources #FontsInUse

Si te mola el diseño y siempre estás cazando tipografías nuevas, Hot Type es de esos sitios que deberías tener en favoritos ya mismo. No es otra web más de fonts random: aquí hay curro serio detrás, con tipografías modernas que beben de lo clásico pero con personalidad propia. Básicamente, diseño tipográfico con intención, no relleno.

Lo interesante es que no juegan a ser “free fonts forever”, sino que van a lo profesional: familias tipográficas bien construidas, múltiples estilos y pensadas para branding, editorial o digital. Ejemplos como Exat, Nyck o Hot Sans no están ahí de adorno, cada una tiene su rollo bien definido: desde sans geométricas limpias hasta serif con carácter para textos largos o titulares con punch.

Pero aquí viene lo bueno: puedes probar todo esto gratis sin hacer malabares. Tienen una sección de test fonts que es oro puro si estás trabajando en proyectos o simplemente explorando ideas. Descargas las fuentes completas, con todos los caracteres, y puedes usarlas en mockups, pruebas o presentaciones a cliente sin problema.

Eso sí, sin líos: gratis para testear, no para lanzar el proyecto final. Si vas a usarla en algo real (web, branding, cliente, etc.), toca pagar licencia. Y tiene todo el sentido del mundo: estás usando tipografía bien hecha, no un experimento de Dafont.

Lo interesante aquí es el enfoque: te dejan trabajar con la fuente de verdad antes de decidir. No es el típico preview engañoso. Puedes ver cómo se comporta en layouts reales, cómo respira en un diseño, si funciona en UI o si se rompe en un párrafo largo. Y eso, si diseñas en serio, marca la diferencia.

Además, el catálogo no es infinito (y eso es bueno). Está bastante curado: menos ruido, más calidad. Cada familia tiene su personalidad clara, desde la contundencia de Stroy Grotesk hasta el rollo más editorial de Punta o Nyck. No es para descargar 200 fuentes, es para encontrar UNA que funcione de verdad.

En resumen: HotType es de esos recursos que no necesitas hasta que lo descubres… y luego no lo sueltas. Si curras con tipografía, su sistema de test fonts gratis es justo lo que debería hacer toda foundry: dejarte probar sin fricción y pagar solo cuando toca.

#Tipografía #Fonts #DiseñoGráfico #UIUX #Branding #WebDesign #RecursosGratis #Typography #HotType

Si estás tirando de Google Fonts en todos tus proyectos… hay algo que deberías conocer ya: Fontsource.

Básicamente, es una librería enorme de tipografías open source listas para usar en tus proyectos, pero con un enfoque muy distinto: aquí no dependes de CDNs externos, tú te llevas las fuentes a casa y las gestionas como cualquier otra dependencia.

¿Y esto qué significa? Que instalas una fuente con npm y listo. Como si fuera una librería más de tu proyecto. Sin líos raros.

Fontsource te da acceso a más de 1500 familias tipográficas listas para descargar y usar directamente en tu código . Y lo mejor es que no se queda solo en las típicas fuentes de Google, también incluye otras que normalmente no tienes tan a mano.

La gracia está en cómo funciona. En lugar de cargar fuentes desde servidores externos (como hace Google Fonts), aquí haces self-hosting. Es decir, las fuentes viven dentro de tu proyecto. Esto tiene varias ventajas bastante serias.

Primero: rendimiento. Al evitar llamadas externas, reduces latencia y mejoras tiempos de carga. Nada de esperar a que otro servidor responda para pintar tu tipografía .

Segundo: privacidad. Google Fonts rastrea cierto uso, y aunque no sea dramático, hay proyectos donde esto importa. Con Fontsource, ese problema desaparece porque todo corre en tu propio entorno .

Tercero: control total. Las fuentes están versionadas como cualquier paquete npm. Nada de sorpresas porque Google ha actualizado una fuente y tu diseño ahora se ve distinto .

Y cuarto: funciona incluso offline. Esto es clave si estás trabajando con PWAs o apps donde no siempre hay conexión.

Además, puedes elegir exactamente qué pesos y estilos necesitas. No tienes que cargar toda la familia si solo quieres un par de variantes, lo cual ayuda bastante a optimizar.

A nivel práctico, usar Fontsource es ridículamente simple. Instalas la fuente que quieras, la importas en tu CSS o JS y listo. Sin enlaces externos, sin configuraciones raras.

Eso sí, no todo es perfecto. Hay gente que comenta que la interfaz de selección de fuentes no es la más cómoda del mundo, pero siendo honestos, eso es lo de menos cuando el sistema que hay detrás es tan sólido.

En resumen: si te tomas en serio el rendimiento y quieres dejar de depender de terceros para algo tan básico como la tipografía, Fontsource es una opción muy potente que deberías probar ya.

#WebDesign #Frontend #Tipografía #CSS #JavaScript #OpenSource #UI #UX #DevTools #Fonts

Si eres de los que piensa que el diseño digital a veces se siente un poco «frío», déjame decirte que no hay nada que un buen par de curvas hechas a mano no puedan arreglar. He estado buceando entre archivos y carpetas para recopilar un set de fuentes estilo handwritten que son pura magia visual. Lo que me encanta de este listado es que no se limita a un solo estilo; tenemos desde la elegancia extrema de una firma de lujo hasta ese trazo rebelde que parece escrito con prisas en una servilleta de papel. Si buscas que tu próximo logo, invitación o post de Instagram grite personalidad, aquí tienes las herramientas perfectas ordenadas alfabéticamente para que no te pierdas: Amsterdam Handwriting, esa joya que fluye sola; Armelie, con un aire sofisticado; Astellan, que aporta estructura; Autography, ideal para marcas personales; Bastliga One, con mucha fuerza visual; California Signature, que nos transporta directamente a la costa; Dalton White Font, con un trazo limpio y orgánico; Mayonice, dulce y equilibrada; Priestacy, que tiene un carácter único; Thesignature, la definición de clase; Valentine Delight Script, perfecta para proyectos románticos; y Vartensie, que cierra el grupo con un estilo vibrante. Al final del día, elegir la tipografía adecuada es como elegir el outfit perfecto: dice quién eres antes de que abras la boca (o en este caso, antes de que lean el texto). Así que dale una oportunidad a estas fuentes, experimenta con sus ligaduras y deja que el diseño hable por ti con esa calidez que solo lo hecho «a mano» puede transmitir.

#DiseñoGráfico #Tipografía #HandwrittenFonts #FuentesManuscritas #Branding #RecursosDiseño #Lettering #Creatividad

Elegir dos tipografías que encajen bien entre sí puede ser más complicado de lo que parece… y aquí es donde entra en juego fontpair.co. Esta web se ha convertido en una aliada imprescindible para diseñadores, desarrolladores y creativos que quieren acertar con la tipografía sin volverse locos probando combinaciones al azar.

En Fontpair.co encontrarás parejas de fuentes cuidadosamente seleccionadas, muchas de ellas pensadas para diseño web, con ejemplos claros de cómo funcionan juntas en titulares, textos y llamadas a la acción. Lo mejor es que la navegación es súper sencilla: entras, exploras y te inspiras en segundos.

Además, la plataforma apuesta por tipografías actuales, limpias y funcionales, ideales para proyectos modernos, landing pages, portfolios o cualquier diseño digital que necesite un toque profesional. Si buscas rapidez, inspiración y buen gusto tipográfico, Fontpair.co es de esas webs que merece estar en tus favoritos.

#fontpair #tipografias #fuentes #diseñografico #diseñoweb #typography #fontcombination #recursosgratis #inspiraciondiseño #webdesign

Fontfabric es uno de esos sitios que todo diseñador debería tener en favoritos, y su sección de free fonts es prueba de ello. Aquí no hablamos de tipografías genéricas o mal acabadas, sino de fuentes gratuitas diseñadas por profesionales, cuidadas al detalle y listas para usarse tanto en proyectos personales como comerciales. Si trabajas en diseño gráfico, web, branding o incluso impresión, estas tipografías encajan perfectamente sin parecer “la típica fuente gratis”.

La colección incluye estilos modernos, display, sans serif y tipografías con mucha personalidad, ideales para logotipos, titulares, carteles o interfaces digitales. Además, la descarga es rápida y sencilla, y las licencias están pensadas para que puedas usarlas con tranquilidad en proyectos reales, algo que siempre se agradece cuando vas con prisas y no quieres líos legales.

En resumen, si buscas fuentes gratis de calidad profesional, las Free Fonts de Fontfabric son una opción más que recomendable. Un recurso fiable, bien diseñado y perfecto para darle un plus visual a cualquier proyecto creativo sin gastar un euro.

#freefonts #fontfabric #tipografiasgratis #fuentesgratis #diseñografico #webdesign #branding #recursosdiseño #tipografia

Si eres de los que disfrutan encontrando tipografías con personalidad propia, Brevis merece un hueco en tu radar. Su nombre viene del latín y significa “corto”, pero que no te engañe: esta fuente tiene mucho que decir visualmente.

Brevis es una tipografía display inspirada en las antiguas letras unciales, esas formas redondeadas y orgánicas que nacieron en manuscritos históricos. Lo interesante es cómo consigue mezclar ese aire clásico y caligráfico con un enfoque totalmente actual, dando como resultado una fuente atrevida, expresiva y muy reconocible.

Está pensada para impactar a primera vista, así que no es una fuente para textos largos, sino para lucirse en titulares, carteles, portadas de discos, branding creativo o piezas gráficas donde la tipografía sea protagonista. Con solo un estilo (Regular), Brevis demuestra que no hacen falta muchas variantes cuando el diseño está bien trabajado.

Además, no se queda corta en funcionalidad: incluye características OpenType, ligaduras y soporte multilingüe ampliado, con compatibilidad tanto para alfabetos latinos como cirílicos. Esto la convierte en una opción muy interesante para proyectos internacionales o experimentales.

A la hora de combinarla, Brevis funciona especialmente bien junto a sans serif neutras o geométricas, creando un contraste perfecto entre lo expresivo y lo limpio. Algunas combinaciones recomendadas incluyen fuentes como Nexa Serif o Noah, que ayudan a equilibrar su fuerte personalidad.

En resumen, si buscas una tipografía con raíces históricas, pero con un enfoque fresco y poco convencional, Brevis es una elección ideal para darle carácter y fuerza a cualquier diseño.

#Brevis #Tipografía #DisplayFont #FuentesGratis #DiseñoGráfico #TipografíaCreativa #Branding #DiseñoEditorial #OpenType

La tipografía Quablo es una familia diseñada por Atipo Foundry. En su página oficial, se describe como “Form, Function, Future”.
Se compone de 14 estilos (7 pesos en romano + 7 en cursiva) que van de Thin a Bold.
Además incluye características avanzadas como figuras tabulares, fracciones, superíndices, ordinales y un soporte multilingüe muy amplio.

Principales características

• Versatilidad de pesos: Desde Thin hasta Bold, con su correspondiente cursiva, lo que permite un amplio rango de jerarquías tipográficas.
• Figuras tabulares: Las cifras ocupan la misma anchura para alinearse verticalmente en tablas, listas de precios o informes.
• Fracciones, superíndices y ordinales: Perfecto para diseño editorial, informes o cualquier diseño que requiera numerales precisos.
• Soporte multilingüe extenso: Desde idiomas europeos mayoritarios hasta lenguas menos comunes. Esto la hace adecuada para branding global.
• Licencia flexible: Atipo permite la descarga del grosor “Medium” de forma gratuita, y “paga lo que quieras” para la familia completa.

¿Por qué usar Quablo en tu próximo proyecto?

• Imagen moderna y profesional: Con su diseño limpio y contemporáneo, Quablo aporta una estética pulida que funciona muy bien en branding, web y editorial.
• Coherencia tipográfica: Al tener tanta variedad de pesos y estilos, puedes mantener una familia tipográfica única en todo el proyecto sin necesidad de mezclar fuentes.
• Gran funcionalidad para diseño complejo: Si tu proyecto incluye tablas, datos, informes o necesita un diseño internacional, Quablo entrega herramientas tipográficas robustas.
• Licencia atractiva para empezar: Al poder comenzar con un peso gratuito o “paga lo que quieras” para la familia completa, reduce la barrera de entrada.
• Soporte global: Ideal para marcas con alcance internacional gracias a su cobertura lingüística.

Ejemplos de uso recomendados

• Identidad corporativa: logotipos, papelería, branding.
• Sitios web: encabezados, cuerpos de texto, botones.
• Editorial y diseño de informes: gracias a sus figuras tabulares y estilo limpio.
• Packaging: si buscas una tipografía moderna que comunique tecnología, innovación o sofisticación.

Consideraciones a tener en cuenta

• Aunque Quablo ofrece un peso gratuito, la familia completa tiene costes asociados si se requieren todos los estilos/licencias. Verifica la licencia según el uso (desktop, web, app).
• En proyectos donde se busque una tipografía muy ornamentada o con mucha caligrafía, Quablo quizás se quede corta (su enfoque es más geométrico y funcional).
• Asegúrate de probar la legibilidad en cuerpo de texto largo: su aplomo tipográfico es excelente para titulares y display, pero como toda tipografía de corte moderno hay que evaluar su desempeño en tamaños pequeños.

Cómo obtenerla

Visita la página oficial de Atipo Foundry y busca Quablo. Puedes descargar el peso “Medium” de manera gratuita o elegir pagar lo que quieras por la familia completa.
Al momento de publicación, la familia está disponible bajo esquema “pay-what-you-want”.

#Quablo #AtipoFoundry #tipografía #diseñotipografico #branding #diseñográfico #fuentes #typeface #graphicdesign #typedesign #fuenteprofesional #webfont #designinspiration

Detrás de este experimento tipográfico se encuentran los diseñadores gráficos de origin argentino Tano Vero y Yai Salinas. Dichos artistas necesitaron tres meses de duro trabajo para poder realizar el gran trabajo que hoy os presento.
Si os agrada podéis descargar en formato vectorial dichos caracteres para usarlos en vuestros proyectos personales, si por el contraría lo queréis usar en un proyecto comercial tendréis que contactar con ellos.

Descargar: CARIOCA – Free Font

Aroly Font

Fuente tipográfica de estilo poligonal de libre uso para tus creaciones.

Descargar Aroly – Free Font