Blog

Consejos de tipografía, guías de combinación de fuentes e ideas de diseño.

Selección de Fuentes

Tipografía para Sitios Web de Organizaciones sin Fines de Lucro y ONG

La tipografía de organizaciones sin fines de lucro debe equilibrar calidez, credibilidad y accesibilidad con presupuestos limitados. Las mejores fuentes gratuitas y estrategias para diseño con causa.

Selección de Fuentes

Tipografía para Sitios Web de Restaurantes y Comida

La tipografía de un restaurante marca el ambiente antes de que los comensales prueben la comida. Cómo elegir fuentes que se ajusten a tu marca culinaria: desde alta cocina hasta comida rápida informal.

Selección de Fuentes

Tipografía para Educación y E-learning

La tipografía de e-learning afecta la comprensión y el compromiso. Cómo elegir fuentes que mejoren el aprendizaje para estudiantes de todas las edades y capacidades.

Selección de Fuentes

Tipografía para Sitios Web Legales y Financieros

Los sitios web legales y financieros exigen autoridad, claridad y precisión. Cómo elegir una tipografía que transmita profesionalismo y confiabilidad.

Selección de Fuentes

Tipografía para Sitios Web de Salud y Medicina

Los sitios web de salud deben ser confiables, accesibles y fáciles de leer para todo tipo de audiencia. Las elecciones tipográficas que transmiten cuidado y profesionalismo.

Selección de Fuentes

Tipografía para Productos SaaS: Una Guía Completa

Los productos SaaS necesitan una tipografía que genere confianza, garantice la legibilidad en interfaces densas y escale entre plataformas. Una guía completa de tipografía para SaaS.

Tipografía CSS

Cómo Optimizar la Velocidad de Carga de Fuentes Web

Una lista de verificación práctica para hacer que las fuentes web carguen más rápido: precargado, subsetting, font-display y las mejores prácticas modernas que realmente funcionan.

Tipografía CSS

Cómo Combinar Fuentes como un Diseñador

Un método práctico y paso a paso para combinar fuentes, sin necesidad de estudiar diseño. Sigue este proceso para crear combinaciones de fuentes profesionales cada vez.

Tipografía CSS

Cómo Usar Fuentes Variables en CSS

Una guía práctica sobre el uso de fuentes variables en CSS: carga, configuración de ejes, animación de propiedades y consideraciones de compatibilidad con navegadores.

Tipografía CSS

Cómo Añadir Fuentes Personalizadas a Tailwind CSS

Añade Google Fonts o fuentes personalizadas a Tailwind CSS: extendiendo el tema de font-family, cargando fuentes de forma eficiente y mejores prácticas para la tipografía de Tailwind.

Tipografía CSS

Cómo Autoalojar Google Fonts

Autoalojar Google Fonts te da control total sobre la carga, la privacidad y el almacenamiento en caché. Una guía paso a paso desde la descarga hasta el despliegue.

Tipografía CSS

Cómo Elegir una Fuente para tu Sitio Web

Un marco práctico y paso a paso para elegir la fuente adecuada para tu sitio web: audiencia, propósito, legibilidad y personalidad.

Tipografía CSS

Cómo Usar @font-face: Paso a Paso

Un tutorial paso a paso sobre el uso de @font-face en CSS para cargar fuentes personalizadas: sintaxis, selección de formato y ejemplos prácticos que puedes copiar y pegar.

Tipografía CSS

Cómo Importar Google Fonts en CSS

La guía completa para principiantes sobre cómo añadir Google Fonts a tu sitio web: usando @import, etiquetas link y la API de Google Fonts.

Reseñas de Fuentes

Las Mejores Fuentes Variables en Google Fonts

Las fuentes variables ofrecen flexibilidad infinita en un solo archivo. Las mejores fuentes variables de Google Fonts para rendimiento, flexibilidad de diseño y control creativo.

Reseñas de Fuentes

Las Mejores Fuentes Manuscritas en Google Fonts

Las fuentes manuscritas añaden un toque personal y humano al diseño. Las mejores fuentes de script y manuscritas de Google Fonts: desde elegantes hasta informales.

Reseñas de Fuentes

Las Mejores Fuentes Display para Titulares Llamativos

Las fuentes display están diseñadas para captar la atención en tamaños grandes. Las mejores fuentes display de Google Fonts para titulares audaces y memorables.

Reseñas de Fuentes

Las Mejores Fuentes de Google Fonts para Tiendas de E-commerce

La tipografía de e-commerce afecta la confianza y las conversiones. Las mejores fuentes de Google Fonts para páginas de producto, flujos de compra y branding de e-commerce.

Reseñas de Fuentes

Las Mejores Fuentes para Apps Móviles en 2026

Las apps móviles exigen fuentes legibles en tamaños pequeños, que carguen rápido y se vean nítidas en pantallas de alta densidad. Las mejores opciones para iOS y Android.

Reseñas de Fuentes

Las Mejores Fuentes Gratuitas para Uso Comercial

Todas las fuentes de Google Fonts son gratuitas para uso comercial bajo la Licencia de Fuente Abierta de SIL. Aquí están las mejores para proyectos comerciales profesionales.

Reseñas de Fuentes

Las Mejores Fuentes Sans-Serif en Google Fonts (2026)

Las mejores fuentes sans-serif de Google Fonts en 2026: desde favoritas de siempre hasta estrellas emergentes, ordenadas por caso de uso y estilo.

Reseñas de Fuentes

Las Mejores Fuentes Serif en Google Fonts (2026)

Las mejores fuentes serif disponibles en Google Fonts: desde serifs de cuerpo optimizadas para pantalla hasta elegantes serif display, todas gratuitas y de código abierto.

Reseñas de Fuentes

Las Mejores Fuentes para Logos y Branding

La fuente de tu logo comunica la personalidad de la marca antes de que alguien lea una palabra. Las mejores fuentes de Google Fonts para logos, wordmarks e identidad de marca.

Reseñas de Fuentes

Las Mejores Fuentes para Presentaciones y Diapositivas

Las presentaciones exigen fuentes legibles a distancia, que funcionen en tamaños grandes y luzcan pulidas. Las mejores fuentes de Google Fonts para diapositivas.

Reseñas de Fuentes

Las Mejores Fuentes para Email: Seguras y con Buenas Alternativas

La tipografía en correo electrónico sigue limitada por la compatibilidad de clientes. Las mejores fuentes para email: opciones seguras predeterminadas, alternativas con fuentes alojadas y pilas de reserva a prueba de fallos.

Reseñas de Fuentes

Las Mejores Fuentes de Google Fonts para Sitios Web en 2026

La lista definitiva de las mejores fuentes de Google Fonts para sitios web en 2026: las mejores opciones para texto de cuerpo, encabezados y combinaciones completas que funcionan.

Reseñas de Fuentes

Noto Sans vs Roboto: Global frente a Android

Ambas son sans-serif respaldadas por Google, pero Noto Sans apunta a la cobertura de idiomas global mientras que Roboto impulsa Android. Cómo elegir entre ellas.

Reseñas de Fuentes

IBM Plex Sans vs Inter: Fuentes Empresariales Comparadas

IBM Plex Sans e Inter apuntan ambas al diseño de interfaces profesional, pero con filosofías de diseño diferentes. Una comparación detallada para uso empresarial.

Reseñas de Fuentes

Oswald vs Bebas Neue: Duelo de Fuentes Display Condensadas

Dos fuentes display condensadas que dominan los titulares. Oswald vs Bebas Neue: ¿qué tipo de letra audaz y estrecho deberías usar?

Reseñas de Fuentes

Source Serif vs Merriweather: Duelo de Serif de Pantalla

Dos serif construidas para la excelencia en lectura en pantalla. Source Serif 4 vs Merriweather: ¿cuál serif optimizada para pantalla es mejor para tu contenido?

Reseñas de Fuentes

Montserrat vs Raleway: ¿Cuál Sans Geométrica?

Ambas comenzaron como fuentes display y evolucionaron hasta convertirse en familias completas. Montserrat vs Raleway: ¿cuál sans geométrica funciona mejor para tu diseño?

Reseñas de Fuentes

Roboto vs Open Sans: Las Propias Fuentes de Google Comparadas

Google encargó tanto Roboto como Open Sans, y ambas son enormemente populares. Pero sirven propósitos diferentes: aquí se explica cómo elegir.

Reseñas de Fuentes

DM Sans vs Nunito Sans: Sans Limpias Comparadas

Ambas son sans-serif limpias y modernas que ganan terreno en el diseño de interfaces. DM Sans vs Nunito Sans: las diferencias sutiles que importan.

Reseñas de Fuentes

JetBrains Mono vs Fira Code: Duelo de Fuentes de Programación

Las dos fuentes de programación más populares con ligaduras se enfrentan. JetBrains Mono vs Fira Code: ¿cuál es mejor para tu IDE?

Reseñas de Fuentes

Source Sans vs Inter: ¿Cuál para Interfaces?

Source Sans 3 de Adobe e Inter de Rasmus Andersson buscan ambas la excelencia en interfaces. En qué se diferencian y cuál elegir para tu interfaz.

Reseñas de Fuentes

Merriweather vs Lora: ¿Mejor Serif para Texto de Cuerpo?

Ambas son excelentes serif de pantalla para lectura extensa. Merriweather vs Lora: ¿cuál ofrece mejor legibilidad de texto de cuerpo?

Reseñas de Fuentes

Playfair Display vs EB Garamond: Serif Comparadas

Dos de las mejores fuentes serif de Google Fonts: una moderna y dramática, la otra clásica y refinada. Cuándo recurrir a cada una.

Reseñas de Fuentes

Lato vs Open Sans: La Batalla de las Sans Neutrales

Ambas son neutrales, legibles y enormemente populares. Lato vs Open Sans: las diferencias sutiles que deberían guiar tu elección.

Reseñas de Fuentes

Poppins vs Montserrat: Duelo de Sans Geométricas

Dos de las sans-serif geométricas más populares de Google Fonts, comparadas. Poppins vs Montserrat: ¿cuál se adapta mejor a tu proyecto?

Reseñas de Fuentes

Arial vs Helvetica: Las Diferencias Explicadas

Se ven casi idénticas para un ojo inexperto. Pero Arial y Helvetica tienen diferencias clave, y una historia complicada de imitación y rivalidad.

Reseñas de Fuentes

Inter vs Roboto: ¿Cuál Deberías Usar?

Las dos fuentes de interfaz más populares se enfrentan cara a cara. Inter vs Roboto: diferencias visuales, métricas, renderizado y cuándo elegir cada una.

Reseñas de Fuentes

Oswald: El Caballo de Batalla de las Fuentes Display Condensadas

Oswald es la sans-serif condensada de referencia en Google Fonts. Construida para titulares que necesitan ser audaces, estrechos e imposibles de ignorar.

Reseñas de Fuentes

Space Grotesk: Sans Geométrica con Carácter

Space Grotesk añade una personalidad peculiar al género de las sans geométricas. Por qué esta fuente distintiva es perfecta cuando quieres algo limpio pero no genérico.

Reseñas de Fuentes

JetBrains Mono: La Fuente Preferida por los Programadores

JetBrains Mono fue diseñada por desarrolladores, para desarrolladores. Un análisis profundo de la fuente de programación que prioriza la legibilidad con ligaduras de código.

Reseñas de Fuentes

DM Sans: La Nueva Estrella de la Tipografía de Interfaz

DM Sans es la nueva favorita del diseño de interfaces moderno. Limpia, geométrica y sutilmente distintiva: por qué los diseñadores la eligen frente a Inter y Roboto.

Reseñas de Fuentes

Merriweather: La Serif de Pantalla que Realmente Funciona

La mayoría de las serif tienen dificultades en pantallas. Merriweather se construyó específicamente para eso. Por qué esta serif optimizada para pantalla es la mejor opción para texto de cuerpo legible.

Reseñas de Fuentes

Lato: La Fuente Profesional y Amigable

Lato equilibra calidez y estabilidad como ninguna otra sans-serif. Por qué esta fuente de diseño polaco es una favorita discreta para sitios web profesionales de todo el mundo.

Reseñas de Fuentes

Playfair Display: La Serif Moderna para Titulares

Playfair Display aporta alto contraste y elegancia editorial a la web. La serif predilecta para marcas de lujo, sitios editoriales y titulares llamativos.

Reseñas de Fuentes

Open Sans: Por Qué Sigue Estando en Todas Partes

Open Sans ha sido una de las 5 principales fuentes de Google Fonts durante más de una década. Por qué esta sans-serif humanista sigue siendo un caballo de batalla confiable para texto de cuerpo.

Reseñas de Fuentes

Montserrat: Historia, Casos de Uso y Combinaciones

Inspirada en la señalética callejera de Buenos Aires, Montserrat se convirtió en un referente de las sans-serif geométricas. Su historia, sus fortalezas y las mejores formas de usarla.

Reseñas de Fuentes

Poppins: La Guía Completa para Diseñadores

Poppins aporta precisión geométrica con una personalidad amigable. Una guía completa de una de las sans-serif display más populares de Google Fonts.

Reseñas de Fuentes

Roboto: Todo lo que Necesitas Saber

La tipografía distintiva de Google impulsa Android y Material Design. Todo lo que necesitas saber sobre Roboto: desde su controvertido debut hasta su dominio actual.

Reseñas de Fuentes

Inter: La Guía Completa de la Fuente

Inter fue diseñada para pantallas de ordenador desde el primer día. Una guía completa de la fuente que se convirtió en la opción predeterminada para el diseño de interfaces modernas.

Historia y Cultura Tipográfica

Garamond: La Fuente de 500 Años que Todavía se Usa Hoy

Claude Garamond diseñó su tipo de letra alrededor de 1530. Casi 500 años después, sigue siendo uno de los diseños tipográficos más utilizados. Aquí se explica por qué perdura.

Historia y Cultura Tipográfica

La Revolución de las Fuentes de Código Abierto: Cómo las Fuentes Gratuitas Cambiaron Todo

Las fuentes gratuitas y de código abierto democratizaron la tipografía. Desde la Licencia de Fuente Abierta de SIL hasta las más de 1.900 familias de Google Fonts: cómo sucedió y por qué importa.

Historia y Cultura Tipográfica

El Auge de las Fuentes Variables: Una Breve Historia

Las fuentes variables pasaron de especificación a corriente principal en solo unos años. La historia de cómo la industria se unió para crear un nuevo formato de fuente.

Historia y Cultura Tipográfica

Bauhaus y la Tipografía Moderna: La Forma Sigue a la Función

La escuela Bauhaus no solo cambió el arte, transformó la tipografía. Cómo el pensamiento de la forma sigue a la función dio lugar a las sans-serif geométricas que usamos hoy.

Historia y Cultura Tipográfica

La Historia de Helvetica: Cómo una Fuente Conquistó el Mundo

De una fundición tipográfica suiza en 1957 al tipo de letra más reconocible del mundo: la historia de Helvetica es la historia del diseño moderno en sí mismo.

Historia y Cultura Tipográfica

De Gutenberg a Google Fonts: Una Breve Historia de la Tipografía

El viaje de 600 años desde el tipo móvil de Gutenberg hasta la revolución de código abierto de Google Fonts: cómo la tecnología tipográfica dio forma a la comunicación y el diseño.

Sistemas de Diseño

Pruebas y QA de Tipografía para Sistemas de Diseño

Cómo probar la tipografía en navegadores, dispositivos y tamaños de pantalla: truncamiento, desbordamiento, multilenguaje y pruebas de regresión visual.

Sistemas de Diseño

Ritmo Vertical: Alineando el Texto a una Cuadrícula de Línea Base

El ritmo vertical crea armonía visual al alinear todo el texto y el espaciado con una cuadrícula de línea base consistente: un desafío en la web, pero alcanzable.

Sistemas de Diseño

Eligiendo una Fuente Principal para tu Sistema de Diseño

Tu fuente principal es la decisión de diseño más visible de tu sistema. Cómo evaluar el juego de caracteres, los pesos, los ejes variables y la licencia de una fuente de sistema.

Sistemas de Diseño

Cómo Manejan la Tipografía los Principales Sistemas de Diseño

Analiza cómo Apple HIG, Material Design, IBM Carbon, Shopify Polaris y otros manejan la tipografía: elección de fuentes, sistemas de escala y directrices.

Sistemas de Diseño

Tipografía Responsiva en Sistemas de Diseño

Escalar la tipografía entre breakpoints: escalas tipográficas responsivas, tamaño fluido con clamp() y mantenimiento de la jerarquía de móvil a escritorio.

Sistemas de Diseño

Tokens de Diseño Tipográfico: De Figma a CSS

Los tokens de diseño conectan diseño y desarrollo: familia de fuente, tamaño, peso, interlineado y espaciado como valores estructurados y agnósticos de plataforma.

Sistemas de Diseño

Construyendo una Escala Tipográfica para tu Sistema de Diseño

Una escala tipográfica bien definida es la base de un diseño consistente. Aprende a elegir ratios, definir escalones e implementar en distintas plataformas.

Accesibilidad

Tamaños Mínimos de Fuente y Objetivos Táctiles: Accesibilidad Tipográfica Móvil

La tipografía móvil necesita tamaños más grandes, interlineado generoso y espaciado de enlaces adecuado al tacto. Los requisitos de accesibilidad para texto en móvil.

Accesibilidad

Lectores de Pantalla y Tipografía: Lo que Necesitas Saber

Los lectores de pantalla ignoran la tipografía visual, pero el marcado semántico importa. Cómo afecta a los usuarios de lectores de pantalla la estructura de encabezados HTML, los atributos de idioma y el texto.

Accesibilidad

Accesibilidad del Tamaño de Fuente: Por Qué Nunca Deberías Usar px

Usar px para el tamaño de fuente rompe el zoom del navegador para usuarios con discapacidad visual. Aquí se explica por qué rem es esencial y cómo implementarlo correctamente.

Accesibilidad

Tipografía para Modo Oscuro: Ajustes de Contraste y Legibilidad

La tipografía en modo oscuro necesita un tratamiento diferente: pesos más ligeros, contraste ajustado y elecciones de color cuidadosas para mantener la legibilidad.

Accesibilidad

Fuentes para Dislexia: Lo que Realmente Muestra la Investigación

Las fuentes dedicadas para dislexia (como OpenDyslexic) reciben atención, pero la investigación muestra que las fuentes sans-serif familiares y bien espaciadas son igual de efectivas.

Accesibilidad

Requisitos de Contraste WCAG para Tipografía

WCAG AA requiere un contraste de 4.5:1 para texto normal y 3:1 para texto grande. AAA requiere 7:1. Aquí se explica cómo probar y corregir el contraste de tu tipografía.

Accesibilidad

Tipografía Accesible: La Guía Completa

La accesibilidad tipográfica no trata solo de ratios de contraste: se trata de la elección de fuente, el tamaño, el espaciado y el respeto por las preferencias del usuario.

Rendimiento Web

Fuentes Variables para el Rendimiento: Un Solo Archivo para Gobernarlas Todas

Las fuentes variables pueden reemplazar 6 o más archivos de fuente estáticos con uno solo. Las implicaciones de rendimiento: tamaño de archivo, solicitudes HTTP y pruebas reales.

Rendimiento Web

FOUT vs FOIT: Entendiendo el Destello de Texto sin Estilo e Invisible

El FOUT muestra texto de reserva, el FOIT no muestra nada. Ambos son efectos secundarios de la carga de fuentes: aquí se explica qué los causa y cómo solucionarlos.

Rendimiento Web

Previniendo el Desplazamiento de Diseño (CLS) por Carga de Fuentes

La carga de fuentes es una fuente oculta de Cumulative Layout Shift. Aprende size-adjust, la sustitución de métricas de fuente y estrategias para eliminar el CLS relacionado con las fuentes.

Rendimiento Web

Rendimiento de Google Fonts: Consejos de Velocidad y Mejores Prácticas

Google Fonts es conveniente pero puede ralentizar tu sitio. Optimiza la carga con display=swap, sugerencias de preconnect, autoalojamiento y carga de subconjuntos.

Rendimiento Web

font-display: swap, fallback, optional — Cuál Elegir

El descriptor CSS font-display controla lo que ven los usuarios mientras cargan las fuentes. Cada valor tiene compensaciones: aquí se explica cómo elegir el adecuado.

Rendimiento Web

Precargado de Fuentes: Prioriza tus Fuentes Más Importantes

Usa <link rel=preload> para decirle al navegador qué fuentes importan más. Reduce el FOUT, mejora el LCP y comprende cuándo el precargado ayuda o perjudica.

Rendimiento Web

Subsetting de Fuentes: Reduce el Tamaño de Archivo hasta un 90%

La mayoría de las fuentes web contienen miles de caracteres sin usar. Aprende a hacer subsetting de fuentes para cargar solo lo necesario, reduciendo drásticamente el tamaño de archivo.

Rendimiento Web

Rendimiento de Fuentes Web: La Guía Completa de Optimización

Todo lo que necesitas saber sobre el rendimiento de fuentes: tamaño de archivo, estrategias de carga, bloqueo de renderizado y cómo afectan las fuentes a los Core Web Vitals.

Tipografía CSS

px vs rem vs em: Cuándo Usar Cada Unidad de CSS

La eterna pregunta sobre unidades de CSS, respondida con claridad. Cuándo usar px, rem y em para tamaños de fuente, espaciado y diseño responsivo.

Tipografía CSS

Entendiendo los Pesos de Fuente: De 100 a 900 Explicado

La nomenclatura de los pesos de fuente es inconsistente y confusa. Aquí está la guía definitiva de la escala 100-900, el mapeo en CSS y los rangos de peso en fuentes variables.

Tipografía CSS

CSS text-rendering y Suavizado de Fuentes Explicado

¿Deberías usar -webkit-font-smoothing: antialiased? ¿Qué hace realmente text-rendering: optimizeLegibility? Las respuestas definitivas.

Tipografía CSS

Pilas de Fuentes CSS: Mejores Prácticas para Fuentes de Reserva

Construye pilas de fuentes CSS a prueba de fallos con alternativas perfectas. Cómo ordenar las fuentes, usar system-ui y evitar el destello de CLS cuando cargan las fuentes web.

Tipografía CSS

Google Fonts: La Guía Completa para Desarrolladores

Todo lo que un desarrollador necesita saber sobre Google Fonts: la API, la integración con CSS, el autoalojamiento, la optimización de rendimiento y los cambios de la API v2.

Tipografía CSS

Escala Tipográfica con Propiedades Personalizadas de CSS: Guía Práctica

Construye una escala tipográfica armoniosa usando propiedades personalizadas de CSS: ratios modulares, escalado responsivo e integración de tokens de diseño.

Tipografía CSS

Tipografía Fluida con CSS clamp(): Sin Necesidad de Media Queries

Construye una tipografía responsiva que escale suavemente entre tamaños de viewport usando clamp() en CSS. Sin breakpoints, sin media queries, una sola línea de CSS.

Tipografía CSS

Fuentes Variables: La Guía Completa de CSS

Las fuentes variables empaquetan una familia entera en un solo archivo. Aprende el CSS para peso, ancho, inclinación y ejes personalizados, con ejemplos interactivos.

Tipografía CSS

@font-face: La Guía Completa de Fuentes Web Personalizadas

Todo sobre @font-face: sintaxis, selección de formato, subsetting con unicode-range, estrategias de font-display y autoalojamiento frente a CDN.

Tipografía CSS

Propiedades Tipográficas de CSS: La Referencia Completa

Todas las propiedades tipográficas de CSS explicadas con ejemplos: font-family, font-size, font-weight, line-height, letter-spacing y más.

Selección de Fuentes

Fuentes para Diferentes Sectores: SaaS, E-commerce, Blogs, Portafolios

Recomendaciones de fuentes específicas por sector: qué tipografía transmite confianza en SaaS, impulsa conversiones en e-commerce y genera interacción en blogs.

Selección de Fuentes

Google Fonts por Categoría: La Guía Completa de Exploración

Navega la biblioteca de más de 1.900 fuentes de Google Fonts de forma eficiente: organizada por categoría, caso de uso y popularidad, con recomendaciones seleccionadas.

Selección de Fuentes

Eligiendo Fuentes para tu Marca: Un Marco Estratégico

La elección de fuente comunica la personalidad de una marca antes de que alguien lea una palabra. Un marco estratégico para elegir tipografía que coincida con la identidad de marca.

Selección de Fuentes

Las Mejores Fuentes de Google Fonts para Encabezados: Fuentes Display que Imponen

Los encabezados necesitan personalidad. Aquí están las mejores fuentes de Google Fonts para titulares: audaces, distintivas y optimizadas para tamaños grandes.

Selección de Fuentes

Las Mejores Fuentes de Google Fonts para Texto de Cuerpo en 2026

El ranking definitivo de fuentes de Google Fonts optimizadas para lectura extensa, evaluadas por altura de x, ancho de carácter, calidad de hinting y comodidad de lectura.

Selección de Fuentes

Errores de Combinación de Fuentes: 7 Combinaciones a Evitar

Aprende de los errores más comunes al combinar fuentes: fuentes que chocan, compiten o confunden. Descubre qué no hacer (y qué hacer en su lugar).

Selección de Fuentes

Combinación de Fuentes por Contraste: Combinaciones Serif + Sans

La estrategia de combinación más confiable: unir una serif con una sans-serif. Aprende qué combinaciones específicas funcionan y por qué el contraste es la base de una buena combinación.

Selección de Fuentes

5 Reglas para Elegir Combinaciones de Fuentes que Siempre Funcionan

Cinco reglas probadas para combinar fuentes que funcionan siempre, sin necesidad de estudiar diseño. Síguelas y tu tipografía siempre se verá profesional.

Selección de Fuentes

La Guía Completa de Combinación de Fuentes

Domina la combinación de fuentes desde los primeros principios: contraste, concordancia y conflicto. Aprende las reglas y luego aprende cuándo romperlas.

Fundamentos de Tipografía

Color Tipográfico: Logrando una Textura de Texto Uniforme

El color tipográfico no trata de color literal: es la densidad visual del texto en una página. Aprende a lograr esa textura uniforme y cómoda.

Fundamentos de Tipografía

Fuentes Monoespaciadas: La Guía del Desarrollador para Elegir la Fuente Perfecta

Elegir una fuente para programar es una decisión diaria que afecta la productividad. Compara las mejores fuentes monoespaciadas para programación: ligaduras, legibilidad y estilo.

Fundamentos de Tipografía

Funciones OpenType: Ligaduras, Versalitas y Más

Descubre funciones ocultas de las fuentes: ligaduras, versalitas, números tabulares, alternativas estilísticas y más. La mayoría de las fuentes tienen capacidades que nunca has usado.

Fundamentos de Tipografía

Serif vs. Sans-Serif para la Web: La Comparación Definitiva

El debate más antiguo de la tipografía, resuelto para la web. Cuándo usar serif, cuándo usar sans-serif y qué dice realmente la investigación.

Fundamentos de Tipografía

Altura de X y Legibilidad: Por Qué Algunas Fuentes Parecen Más Grandes

Fuentes con el mismo tamaño en píxeles pueden verse muy diferentes. El secreto es la altura de x, y afecta a la legibilidad más de lo que se piensa.

Fundamentos de Tipografía

Typeface vs. Fuente: Cuál es la Diferencia y Por Qué Importa

El typeface es la familia de diseño; la fuente es una instancia específica. Esta distinción importa para las licencias, el CSS y la comunicación con diseñadores.

Fundamentos de Tipografía

Jerarquía Tipográfica: Guía la Mirada del Lector

Crea una jerarquía visual clara con el tamaño de fuente, el peso, el color y el espaciado. Aprende los principios que hacen que el contenido sea fácil de escanear y navegar.

Fundamentos de Tipografía

Kerning, Tracking e Interlineado: Dominando el Espaciado Tipográfico

Los tres pilares del espaciado tipográfico: kerning (pares de letras), tracking (espaciado general) e interlineado (espacio entre líneas). Pequeños ajustes, gran impacto.

Fundamentos de Tipografía

Guía de Clasificación Tipográfica: Serif, Sans-Serif y Todo lo Demás

Una guía práctica de clasificación tipográfica: serif frente a sans-serif, humanista frente a geométrica, display frente a texto. Conoce las familias para elegir la fuente adecuada para cualquier proyecto.

Fundamentos de Tipografía

Anatomía de los Tipos 101: Cada Parte de una Letra Explicada

Aprende los elementos básicos de la tipografía: desde la línea de base y la altura de x hasta los astiles, los ojales y los remates. Entender la anatomía de los tipos ayuda a elegir mejores fuentes.