¿Alguna vez desearías que fuera la década de 1960 y no fueras el director creativo de una agencia en auge en Madison Avenue? De vez en cuando, el espíritu creativo en cada uno de nosotros echa de menos los viejos tiempos del marketing.
Ya sabes, una era en la que el marketing se definía por la redacción ingeniosa, la publicidad inventiva y la atención a los detalles más pequeños del proyecto.
Como comercializadores entrantes, es fácil caer en el ciclo interminable de creación de contenido, mantenerse al día con el ritmo acelerado de la web, perder de vista los detalles más finos del proyecto (seguimiento, interletraje y espaciado entre letras) que pueden dar a nuestro marketing una nivel adicional de refinamiento.
La tipografía bien hecha tiene el poder de llamar la atención, despertar emociones y fortalecer el mensaje de tu marca. La elección de la fuente para sus materiales de marketing nunca debe dejarse al azar: hay una serie de consideraciones estratégicas al elegir el tipo de letra perfecto.
Cómo elegir la fuente adecuada
- Transmite el mensaje de tu marca.
- Encuentra inspiración y estudia el uso de la tipografía.
- Seleccione un servicio de entrega de fuentes.
- Compare los tipos de letra uno al lado del otro y vea cuál es apropiado.
- Identifique la jerarquía visual de su sitio para determinar qué fuentes se necesitan.
- Elija fuentes para la legibilidad.
- Personaliza las fuentes para que sean legibles.
- Elija el tamaño de fuente correcto.
- Preste atención a la altura de la línea y al espacio entre párrafos.
- Usa el contraste a tu favor.
- Pruebe la legibilidad y legibilidad en diferentes dispositivos.
1. Transmita el mensaje de su marca.
“La tipografía es como la moda o los muebles. Con raras excepciones funcionales, el mundo no necesitar ropa nueva o diseños de muebles, pero la gente quiere lucir diferente, evocar ciertos sentimientos o adaptarse a un estilo determinado, y hay tendencias y estilos.
Comience dibujando cómo quiere que suene la voz de su marca y cuáles son los valores de su organización. Si tiene un negocio genial, elija una fuente divertida para realzar esa personalidad. Si quiere ser percibido como moderno y elegante, elija fuentes que respalden esta estética.
Es fácil decir «elija una fuente que refleje su marca», pero es posible que aún se pregunte cómo destilar una breve lista de posibles tipos de letra de la interminable selección que tiene a su disposición.
Si bien su elección final a menudo se reduce a un buen gusto de diseño y se basa en la experiencia en el desarrollo de identidades visuales, hay algunos pasos simples que pueden ayudarlo a encontrar el tipo de letra perfecto para su marca.
2. Encuentra inspiración y estudia el uso de la tipografía.
Cuando se trata de inspiración tipográfica, estos tres recursos muestran constantemente una tipografía de primer nivel:
Estudie el trabajo de otros diseñadores y determine qué elementos tipográficos «funcionan» para su marca. Explorar el trabajo de otros diseñadores en busca de inspiración no es nada de lo que avergonzarse, incluso los diseñadores y artistas más renombrados a menudo se inspiran unos en otros.
3. Seleccione un servicio de entrega de fuentes.
Si tiene la intención de utilizar constantemente las fuentes de sus marcas en Internet, debe optar por un servicio de entrega de fuentes. Los más comunes son Typekit, Google Fonts y fonts.com. Estos servicios basados en suscripción permiten el acceso a enormes colecciones de fuentes, entregan fuentes a servicios web y garantizan que las fuentes se reproduzcan de manera correcta en todos los navegadores web y dispositivos.
Una vez que haya seleccionado el servicio de entrega de fuentes que utilizará, puede comenzar a reducir su selección de fuentes potenciales de su biblioteca. La mayoría de estos servicios ofrecen formas convenientes de filtrar fuentes por características tipográficas, comparar fuentes una al lado de la otra y guardar fuentes de una lista corta para su revisión.
4. Compare los tipos de letra uno al lado del otro y vea cuál es apropiado.
Una vez que haya reducido su selección a una breve lista de posibles combinaciones de fuentes, cree una pestaña de menú que compare todas las opciones. Mostrar todas sus opciones una al lado de la otra (tanto en pantalla como impresa) puede ayudarlo a comparar una combinación con otra y encontrar las fuentes perfectas para su marca.
Trabajar en el proceso de selección de fuentes usando solo blanco y negro lo ayuda a concentrarse en sus atributos, en lugar de dejarse engañar por la influencia del color al hacer que una fuente sea más atractiva que otra. El color tiene un impacto significativo en la psique y el comportamiento de los espectadores. Como resultado, elegir fuentes y colores son dos pasos separados en el proceso de diseño de marca.
5. Identifique la jerarquía visual de su sitio para determinar qué fuentes se necesitan.
Para muchos escenarios de diseño, necesitará dos fuentes: una fuente de encabezado y una fuente de cuerpo. Puede ser una combinación de dos pesos de fuente, variaciones de color o dos familias de fuentes completamente diferentes.
El objetivo es crear una jerarquía visual que permita a los espectadores examinar rápidamente su material de marketing, identificar los elementos más importantes y comprender cómo cada elemento se relaciona con otros elementos en la página o pantalla. Esto es especialmente cierto para los vendedores entrantes. En lugar de leer detenidamente cada palabra de la página, los visitantes del sitio a menudo solo buscan los titulares y se centran en lo que más les interesa.
6. Seleccione fuentes para que sean legibles.
La legibilidad se refiere a cómo se diseña un tipo de letra y qué tan bien se puede distinguir un carácter de otro. También se relaciona con qué tan bien definidas están las formas de las palabras.
Es posible que las fuentes que se ven bien en los encabezados no funcionen tan bien para copiar contenido. Si bien hay algunas excepciones a esta regla, al seleccionar fuentes para usar en sus encabezados o cuerpo, puede limitarlas según el tipo de fuente:
- Mostrar las caras están diseñados específicamente para su uso en formatos grandes, como encabezados.
- Cuerpo de texto o caras están diseñados específicamente para su uso en áreas de copia grandes y están diseñados para pasajes de lectura más largos.
Otro factor que influye en la legibilidad de la fuente es la forma de los caracteres. Probablemente hayas escuchado el término serif o sans serif.
- fuentes serif tienen pequeños «pies de página» (serifs) que se extienden desde los bordes de las letras y los símbolos.
- Fuentes sans serif no tienen pequeñas líneas que sobresalgan de las esquinas.

Las fuentes serif son generalmente más fáciles de leer en el cuerpo de los trabajos impresos y se han utilizado ampliamente durante décadas, lo que a veces puede hacerlas más clásicas. Debido al tamaño y la resolución de la pantalla desde la que suele ver el contenido web, muchos diseñadores web prefieren las fuentes sans-serif en Internet. Las fuentes sans-serif también encajan bien con las tendencias de diseño actuales y un estilo más moderno.
7. Personaliza las fuentes para que sean legibles.
La legibilidad de una fuente contribuye a su legibilidad general. La legibilidad se trata de cómo se organizan los grupos de palabras en una página y qué tan fácil es para el lector escanear las palabras y comprender el contenido y el diseño.
Una vez que haya explorado la jerarquía visual y seleccionado las fuentes de su encabezado y cuerpo para sus diferentes casos de uso, puede comenzar a preguntarse cómo afectan la legibilidad. Hay muchos elementos técnicos de la tipografía que afectan la legibilidad de un tipo de letra, incluido el tamaño de fuente, el espaciado entre letras, la altura de las líneas y el espaciado entre párrafos.
8. Seleccione el tamaño de fuente adecuado.
El tamaño de la fuente depende en gran medida de la pantalla o superficie en la que se mostrará el mensaje. Para párrafos de varias líneas, el tamaño de fuente del contenido debe limitarse a 45-70 caracteres por línea.
Si tiene más de 70 caracteres por línea, los lectores lucharán de un lado a otro y es más probable que pierdan su lugar. Las líneas que son demasiado cortas pueden dar como resultado saltos voluminosos de guion dividido o, si corresponde, ríos de espacios en blanco a lo largo de los párrafos.
Leer más al respecto aquí.
9. Preste atención a la altura de las líneas y al espacio entre párrafos.
Al igual que con el tamaño de fuente, el espacio entre líneas de texto puede marcar una gran diferencia en la facilidad de lectura de su contenido. El espacio entre líneas de texto, más formalmente conocido como «interlineado», debe ser al menos del tamaño de la fuente. La mayoría de los diseñadores digitales prefieren un tamaño de entrada de al menos el 150 por ciento del tamaño del texto.

El lector no debe prestar atención a la altura de las líneas ni al espacio entre párrafos. La tipografía bien hecha se enfoca en una función, y esa función es transmitir un mensaje. Esto no quiere decir que la apariencia de tu texto no deba ser nada atractiva; simplemente no debería estar en el centro de atención.
10. Usa el contraste a tu favor.
Puede parecer obvio, pero el contraste es un componente importante de la legibilidad de la fuente. El contraste se logra mediante el uso del espacio y el color. El texto oscuro sobre un fondo claro es beneficioso para blogs y libros, ya que brinda al espectador una mejor experiencia de lectura para bloques de texto más largos. El texto en color debe reservarse para encabezados y texto de visualización.
11. Pruebe la legibilidad y legibilidad en diferentes dispositivos.
El diseño web receptivo aborda un conjunto completamente nuevo de consideraciones para mostrar tipografía de manera consistente en múltiples dispositivos, desde pequeñas pantallas de teléfonos inteligentes hasta televisores de alta definición de 60 pulgadas.
Para disfrutar realmente de la legibilidad y la experiencia de todos los usuarios que ven su sitio o interactúan con sus materiales de marketing, vale la pena probar sus diseños en la variedad de dispositivos que usa su audiencia para consumir su contenido.
El mejor tamaño de letra para tu sitio web
Su sitio web debe tener diferentes tamaños de fuente para diferentes casos de uso. Comience con las características principales: texto del cuerpo del cuerpo, texto del cuerpo adicional y encabezados. Se recomienda que la fuente principal de su contenido tenga alrededor de 16 píxeles, pero esto puede variar según la legibilidad de la fuente y sus características en la página.
Consideraciones de fuentes para varios elementos
Texto principal principal
Si el texto del cuerpo principal no es legible a 16 píxeles, aumente el tamaño de la fuente hasta que quede claro o elija una fuente diferente. Una vez que haya establecido la línea de base, puede determinar el tamaño de fuente para otros tipos de fuente en su sitio:
texto principal secundario
Se utilizan para entregar contenido adicional sin presión. A menudo son 2 tamaños más pequeños que el texto del cuerpo principal.
Titulares
Este tamaño de fuente probablemente será uno de los más grandes en sus páginas (si no este más grande) para recuperar títulos de sección o información importante. Los tamaños de fuente del encabezado dependerán de la fuente seleccionada y del peso de la fuente, pero a menudo oscilan entre 18 y 36 píxeles. También puede tener múltiples encabezados de diferentes tamaños y pesos (H1, H2, H3, etc.). Siéntase libre de adherirse creativamente a su jerarquía visual.
Consideraciones de fuentes para varias funciones
Páginas con mucho texto.
Las páginas con mucho texto (como los blogs) requerirán menos estilo que las fuentes que cumplen otras funciones. El objetivo es proporcionar una manera fácil de leer que resalte lo que están leyendo, en lugar de prestar atención a las fuentes en sí.
Las fuentes más grandes son mejores aquí, por lo que su audiencia no se siente abrumada por una pared de texto diminuto que necesita entrecerrar los ojos para leer. No sea tímido para aumentar la fuente básica del texto en tales casos.
Páginas con muchas interacciones.
Las páginas de destino, las páginas de productos y otras características del sitio son menos rígidas cuando se trata de texto, ya que se hará más en ellas. Es probable que te concentres más en resaltar ciertos elementos de tu copia (o incluso imágenes) mientras te distraes de los demás.
Por esta razón, puede terminar con una variedad más amplia de tamaños de fuente, tipos de letra y colores cuando guía deliberadamente los ojos del lector en la página. Regrese a su jerarquía de diseño e implemente de acuerdo con su estrategia.
Si bien algunos principios de diseño son bastante universales, se necesita prueba y error para implementarlos de una manera que sea funcional y atractiva para su marca.
Nota del editor: esta publicación se publicó originalmente en febrero de 2014 y se actualizó por su extensión.








