• 147k
  • 29
Diseño Web \ 26 Noviembre 2018

Las 10 mejores combinaciones de tipos de letra para tu página web

Tal vez seas de esos que buscan la inspiración en Internet para encontrar nuevas fuentes de letra. O quizás seas uno de esos fieles usuarios de Times New Roman y la idea de introducir nuevos estilos en su escritura te intimida. Sea lo que sea, no podemos negar que los las fuentes son un componente esencial del diseño de cualquier página web. Es por eso que nuestros diseñadores han creado esta guía de combinaciones de tipos de letra para ti. Ya sea que estés buscando nuevas ideas, o no estés seguro de por dónde empezar para decidir el tipo de letra que mejor va con tu estilo, no pierdas de vista este artículo porque te vamos a contar las diez combinaciones de fuentes más asombrosas que puedes usar al crear tu propia página web .

¿Por qué es importante la elección del tipo de letra?

Después de todo el tiempo y energías dedicados a elegir el contenido de tu web, pensar en el tipo de letra puede parecer algo trivial. ¿A alguien realmente le importa si las ‘Aes’ están inclinadas o no? Si dejamos la opinión de los diseñadores aparte, la respuesta es probablemente no cuando se trata de detalles geométricos como este. Pero hay características más obvias que realmente importan y hacen que elegir el tipo de letra correcta sea un factor determinante en el éxito de tu página web. Y te diremos por qué.

Comenzaremos con lo que las fuentes pueden comunicar. Seleccionar un grupo de fuentes que concuerden con tu página web es un poco como elegir lo que te vas a poner al día siguiente. Tus elecciones representar y comunicar todas las características de tu personalidad.

Lo mismo ocurre con los tipos de letra. Las páginas web elegantes presentarán combinaciones de fuentes  consistentes con la identidad de marca de la empresa , tipo de letra del mismo estilo, suaves y que no desvíen la atención del contenido. En otras palabras, las combinaciones de fuentes pueden expresar simultáneamente un mensaje propio y también trabajar a tu favor para asegurar que otros elementos de la web también reciben su parte de atención. Por ejemplo, podría ser una buena idea usar una fuente cursiva para el título de un blog de viajes, pero una letra más definida para las opciones de menú.

La legibilidad es uno de los factores más importantes aquí, ya que los visitantes de tu página no se quedarán si tienen que descifrar tus palabras o si una combinación de demasiadas fuentes les hace frotarse los ojos. Además, los motores de búsqueda como Google toman nota de las sesiones cortas en tu páginas, lo que afectará de forma negativa tu posicionamiento en las páginas de resultados.

Para evitar esta “tragedia”, toma en cuenta estos consejos de experto cuando diseñes tu página web:

Simplicidad: recuerda el número tres. Esa es la cantidad máxima de fuentes que debes usar en tu página, ¡en total!.

Establece una jerarquía: Divide entre Tipos de letra para los títulos, subtítulos y párrafos. Distinguir visualmente estas categorías entre sí ayudará a los visitantes a organizar y comprender instantáneamente la información que les está presentando. Por ejemplo, usar una fuente en negrita y más llamativa para los títulos es una buena práctica porque es indica instantáneamente se trata de información más esencial. Los subtítulos proporcionan una pista adicional para tus visitantes, avisando que están ante las opciones del menú o las llamadas a la acción . Y el texto del párrafo, por supuesto, debe ser el más fácil de leer de los tres.

Mantén la coherencia: más allá de implementar tu plan estratégico de tipos de letra, esto también significa no cambiar las cosas a la mitad de la oración. Si necesita agregar énfasis a tu escritura, opta por poner en cursiva o negrita el texto en lugar de cambiar la fuente.

Ahora ya estás listo para comenzar a elegir los tipos de letra más afines a tu estilo. Para ahorrarte parte del trabajo tenemos varias propuestas de combinaciones de tipos de letra que pueden encajar con cualquier tipo de negocio o idea creativa. En cada propuesta se indica qué fuente usar para título, subtítulo y párrafo, de izquierda a derecha.

01. Georgia, Avenir & Avenir Light

Georgia, Avenir & Avenir Light

Georgia es un tipo de letra Serif clásico. Es elegante y serio. Combina a la perfección con la familia Avenir, una fuente sans serif clásica, de fácil lectura y muy combinable con la elegante simplicidad de Georgia.

Recomendado para: Páginas web de negocios, portafolios, CVs y ​​publicaciones.

Echa un vistazo a esta plantilla de Wix con estas fuentes: plantilla web de videógrafos de bodas.

02. Oswald Medium & Roboto Bold

Oswald Medium & Roboto Bold

La fuente Oswald Medium transmite fuerza con sus líneas limpias y en negrita. Usa este tipo de letra para los títulos y equilibra el resto de la página con Roboto Bold. Esta fuente neo-grotesque sans serif fue desarrollada por Google como la fuente oficial para su sistema operativo móvil, Android, ya que es “moderna y accesible”.

Recomendado para: Páginas web de negocios, fitness y tecnología.

Echa un vistazo a esta plantilla Wix con estas fuentes: plantilla web de escuela de Kárate.

03. Reklame Script, Poppins Semi Bold & Poppins Extra Light

Reklame Script, Poppins Semi Bold & Poppins Extra Light

Reklame Script pertenece a una familia de fuentes influenciadas por las letras manuscritas de los anuncios impresos de los años 1940 y 1950. Esta inspiración se refleja en la calidez del tipo de letra, ideal para dar un toque personal y divertido a tu contenido. El aspecto limpio y geométrico de Poppins SemiBold y Poppins Extra Light hace que estas fuentes sean las mejores para subtítulos y texto de párrafo, respectivamente.

Recomendado para: Páginas web de negocios orientados a familias con niños, tiendas online, bricolaje y blogs.

Echa un vistazo a esta plantilla Wix con estas fuentes: plantilla web de convención de cómics.

04. Monoton, Lulo Clean & Futura

Monoton, Lulo Clean & Futura

Ponte de moda con el aire retro de Monoton. Esta fuente de caracter artístico debe reservarse, definitivamente, solo para grandes titulares. Contrarresta su grandiosidad con subtítulos simples y limpios gracias a las mayúsculas Lulo Clean. Combínalo todo con una porción de elegancia usando Futura para los párrafos.

Recomendado para: Páginas web de música, entretenimiento y temas retro.

Echa un vistazo a esta plantilla de Wix con estas fuentes: Plantilla web de Hair Braids Salon.

05. DIN Neuzeit Grotesk & Avenir Light

 DIN Neuzeit Grotesk & Avenir Light

Mantén tu página accesible y legible con la geometría clásica de los títulos DIN Neuzeit Grotesk. Continúa un clásico sans serif : la fuente Avenir Light, cuya sencilla elegancia es muy agradecida por los lectores.

Recomendado para: Páginas web de negocios, tiendas online y portafolios de fotografía.

Echa un vistazo a esta plantilla Wix con estas fuentes: Plantilla web de boutique de plantas.

06. Raleway & Helvetica

Raleway & Helvetica

Usar la fuente Raleway es como agregar un accesorio llamativo a un vestido negro, o dejar que tus calcetines flúor se asomen por el bajo de tu pantalón de traje. Audaz pero moderno. Simple con un toque especial. Combina bien con Helvetica, una fuente sans serif que contemporánea y de apariencia limpia.

Recomendado para: Páginas web de negocios, tiendas online y portafolios de fotografía.

Echa un vistazo a esta plantilla Wix con estas fuentes: plantilla web de artista musical.

07. Belinda, Libre Baskerville & Brandon Grotesque

Belinda, Libre Baskerville & Brandon Grotesque

La fuente Belinda se puede utilizar para dar una sensación más personal y cálida al contenido, con su estilo vintage que parece escrito con un pincel. Combínala con Libre Baskerville para los subtítulos, pues es un tipo de letra con serif de aspecto más tradicional. Y para terminar de “bordar” el texto, usa Brandon Grotesque para los párrafos de texto. Esta fuente geométrica y sin serif aportará el toque de modernidad a las otras dos fuentes anteriores.

Recomendado para: Páginas web de negocios, moda, bricolaje, blogs y gastronomía.

Echa un vistazo a esta plantilla Wix con estas fuentes: plantilla de sitio web de salón de belleza.

08. Playfair Display & Snell Roundhand

Playfair Display & Snell Roundhand

Esta combinación es la máxima expresión de la elegancia. La fuente serif Playfair Display es moderna y clásica a la vez, lo que junto al estilo vintage de Snell Roundhand en los subtítulos, aportará a tu página un aspecto realmente chic.

Recomendado para: Páginas web de casamientos, invitaciones online, joyerías y tiendas online.

Echa un vistazo a esta plantilla Wix con estas fuentes: Plantilla web de tienda de pósteres.

09. Sarina, Playfair Display & Proxima Nova

Sarina, Playfair Display & Proxima Nova

Las formas de letra de estilo de pincel de Sarina proyectan la elegancia casual de los niños geniales que conoces que fueron a la escuela de diseño. Su forma estilística está bien equilibrada con los subtítulos de Playfair Display, un moderno serif que mantiene las cosas elegantes y clásicas, y la sencilla Proxima Nova en sus párrafos.

El estilo “pincelada” de la fuente Sabrina ´recuerda ese estilo casual de jóvenes genios recién egresados de la Escuel de Arte. Su estilosa geometría para los títulos combina a la perfección con Playfair Display en los subtítulos, una fuente moderna con serif elegante y clásica que da paso a la la simplicidad de la Proxima Nova usada en los párrafos.

Recomendado para: Páginas web de estilo de vida, belleza y tiendas online.

Echa un vistazo a esta plantilla Wix con estas fuentes: Plantilla web de tienda de belleza natural.

10. Clarendon LT, Lulo Clean & Georgia

Clarendon LT, Lulo Clean & Georgia

La estructura en negrita de esta fuente slab serif hace que Clarendon LT sobresalga en cualquier página. Dale forma al resto de tu texto con las mayúsculas (¡pero suaves!) de Lulo Clean en tus subtítulos, y con  la agraciada y profesional Georgia en tus párrafos.

Recomendado para: Páginas web de negocios y publicaciones.

Echa un vistazo a esta plantilla Wix con estas fuentes: Plantilla web de tienda de diseñador

Para imprimir y guardar

Ejemplos de combinaciones

¿Qué combinación de fuentes representa mejor a tu marca? ¡Encuentra la tuya hoy y comienza a usarlo en tu página web creada con Wix!

Publicado por Equipo Wix

Bienvenido al Blog de Wix

Únete al Blog de Wix ¡Para estar al tanto de novedades!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

La dirección de email no es válida.

El Email ya existe

La dirección de email no es válida.