--- title: 5 consejos para escoger la mejor tipografía para tu web description: La elección de una tipografía puede parecer tarea fácil, pero no lo es. Este elemento puede marcar la diferencia entre una web de éxito y una del montón. image: https://www.tiralineas.digital/hubfs/web-fonts-1.png --- ****  DIAGNÓSTICO**  |  Descubre en 2 minutos cómo de optimizado está tu HubSpot   [¡Haz el test!](https://www.tiralineas.digital/diagnostico-madurez-hubspot) [![logo-pie](https://www.tiralineas.digital/hs-fs/hubfs/logo-pie.png?width=900&height=157&name=logo-pie.png "logo-pie")](https://www.tiralineas.digital) [** ](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#offcanvasExample) ##### ¿Qué buscas? Servicios - [Marketing digital](https://www.tiralineas.digital/inbound-marketing) - [Análisis y estrategia digital](https://www.tiralineas.digital/inbound-marketing/analisis-estrategia-digital) - [Email marketing](https://www.tiralineas.digital/inbound-marketing/email-marketing) - [Marketing de contenidos](https://www.tiralineas.digital/inbound-marketing/marketing-de-contenidos-y-social-media) - [Posicionamiento SEO](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) - [SEM / Paid Media](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) - [Diseño web / UX / Accesibilidad](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) - [Desarrollos](https://www.tiralineas.digital/hubspot) - [Integraciones HubSpot](https://www.tiralineas.digital/hubspot/integraciones) - [Migraciones HubSpot](https://www.tiralineas.digital/hubspot/migraciones) - [Desarrollo de webs y ecommerces](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) - [Desarrollos a medida](https://www.tiralineas.digital/productos/desarrollos-medida) - [Servicios HubSpot](https://www.tiralineas.digital/hubspot) - [Asesoría](https://www.tiralineas.digital/hubspot/asesoria) - [Onboarding](https://www.tiralineas.digital/hubspot/onboarding) - [Acompañamiento / Soporte](https://www.tiralineas.digital/hubspot/soporte) - [Integraciones](https://www.tiralineas.digital/hubspot/integraciones) - [Migraciones](https://www.tiralineas.digital/hubspot/migraciones) - [ Otros servicios](https://www.tiralineas.digital/otros-servicios) Productos - [PrestaShop + Aircall](https://www.tiralineas.digital/productos/integracion-prestashop-aircall) - [Redsys + HubSpot](https://www.tiralineas.digital/productos/redsys-hubspot) - [Power BI + HubSpot](https://www.tiralineas.digital/productos/powerbi-hubspot) - [Holded + HubSpot](https://www.tiralineas.digital/productos/holded-hubspot) - [Sensitive Data](https://www.tiralineas.digital/productos/sensitive-data) - [Saysimple + HubSpot](https://www.tiralineas.digital/productos/saysimple-hubspot) - [PrestaShop + HubSpot](https://www.tiralineas.digital/productos/prestasyncro) - [Sage200 + HubSpot](https://www.tiralineas.digital/productos/sage200-hubspot) - [CoverManager + HubSpot](https://www.tiralineas.digital/productos/coversyncro) [ Nosotros ](https://www.tiralineas.digital/nosotros) [ Proyectos ](https://www.tiralineas.digital/proyectos) [ Blog ](https://www.tiralineas.digital/blog) ES [EN](https://www.tiralineas.digital/en) [FR](https://www.tiralineas.digital/fr) [Contacto](https://www.tiralineas.digital/contacto)   # [5 consejos para escoger la mejor tipografía para tu web](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web)   13/7/2017 [Desarrollo Web y Ecommerce](https://www.tiralineas.digital/blog/topic/desarrollo-web-y-ecommerce) Tiempo de lectura: **4 min** La elección de una tipografía puede parecer tarea fácil, pero no lo es. Este elemento puede marcar la diferencia entre una web de éxito y una del montón. ### Índice 1. [Legibilidad](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#Legibilidad1) 2. [Tamaño ideal](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#Tamao-ideal2) 3. [Menos es más](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#Menos-es-ms3) 4. [Contraste de colores](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#Contraste-de-colores4) 5. [Utiliza herramientas como Google Fonts](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#Utiliza-herramientas-como-Google-Fonts5) ## Legibilidad En primer lugar **debes asegurarte que tu texto esté bien escrito y sea legible**. Para ello, la tipografía debe ser la correcta, la letra tiene que tener el tamaño adecuado, tiene que existir un buen contraste de colores y una buena alineación y justificación del texto. Hay que asegurarse de que tenga tildes, símbolos y/o números que podamos necesitar, ya que no todas las tipografías constan de estos caracteres. En cuanto a la longitud de los textos,  hay que recordar que **es importante no superar los 75 caracteres o  las 15 palabras por línea**, ya que la resolución de los monitores puede entorpecer su lectura. ## Tamaño ideal **Tus textos tienen que ser compresibles y  fáciles de leer para todos. ** Lo ideal es comprobar en los diferentes dispositivos cómo se ve el texto y ajustar tamaños si es necesario. El tamaño mínimo recomendado es 16px, pero siempre dependerá de la altura que tenga la tipografía elegida.   ## Menos es más **Para crear varias jerarquías en la web hay que diferenciar** títulos, subtítulos y demás, pero no es necesario utilizar una fuente distinta para cada elemento. Puede jugarse con los diferentes estilos o combinar dos o tres tipografías como mucho.  **Es recomendable que los links se puedan identificar** con facilidad para una mejor interacción con el usuario. Para distinguirlos del resto del texto podemos emplear un color diferente, subrayado, grosor, algún efecto o hasta crear un botón. ## Contraste de colores **Hay que asegurarse de que la fuente tenga “aire”**, es decir, espacio suficiente para no dar sensación de abigarramiento y de que el contraste de colores entre el fondo y la letra sea el adecuado para una lectura óptima. Una tipografía negra sobre fondo blanco siempre funciona pero puedes jugar con colores y conseguir también buenos resultados. Eso sí,  utiliza fondos planos para que la tipografía destaque. En la web [Colorable](https://colorable.jxnblk.com/) podrás comprobar si los colores que has elegido tienen un contraste adecuado o no. ![02.Tipografias-rgb](https://www.tiralineas.digital/hs-fs/hubfs/02.Tipografias-rgb.jpg?width=733&name=02.Tipografias-rgb.jpg)   ## Utiliza herramientas como Google Fonts La aparición de Google Fonts ha dado una libertad a la tipografía web que antes no existía, ya que permite incluir fácilmente una tipografía en nuestra web asegurándonos de que será compatible con diferentes navegadores. Y se puede usar la regla @font-face CSS para importar tipografías que tengamos subidas en nuestro directorio **Siguiendo estos consejos, encontrarás la fuente perfecta para tu web**. Pero no hay que olvidar que si el contenido del sitio no es significativo o no proporciona la información suficiente al usuario, por muy buena que sea la fuente, la web no triunfará. Hay que cuidar todas las partes de la creación de una página para que ésta despegue. **¿Aún no tienes web y no sabes por dónde empezar?** Tranquil@, pincha [aquí](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) y te ayudaremos en todo el proceso.   ### ¡Comparte en redes! [![Share on facebook](https://7528309.fs1.hubspotusercontent-na1.net/hub/7528309/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/facebook-color.png?width=24&name=facebook-color.png) ](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on linkedin](https://7528302.fs1.hubspotusercontent-na1.net/hub/7528302/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/linkedin-color.png?width=24&name=linkedin-color.png) ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on twitter](https://7528304.fs1.hubspotusercontent-na1.net/hub/7528304/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/twitter-color.png?width=24&name=twitter-color.png) ](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=) [![Share on email](https://7528311.fs1.hubspotusercontent-na1.net/hub/7528311/hubfs/raw_assets/public/mV0_d-web-default-modules_hubspot/img/email-color.png?width=24&name=email-color.png) ](mailto:?subject=Check%20https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20https%3A%2F%2Fwww.tiralineas.digital%2Fblog%2F5-consejos-para-escoger-la-mejor-tipografia-para-tu-web%3Futm_medium%3Dsocial%26utm_source%3Demail) #### **Y tú ¿qué opinas? Déjanos tu comentarios. ** ¡Nos encanta leerte! ## Noticias relacionadas [CoverSyncro](https://www.tiralineas.digital/productos/coversyncro) [PrestaSyncro](https://www.tiralineas.digital/productos/prestasyncro) [Deal Commander](https://www.tiralineas.digital/productos/deal-commander) [Análisis y estrategia](https://www.tiralineas.digital/inbound-marketing/analisis-estrategia-digital) [Proyectos](https://www.tiralineas.digital/proyectos) [Email marketing](https://www.tiralineas.digital/inbound-marketing/email-marketing) [Inbound marketing](https://www.tiralineas.digital/inbound-marketing) [Nuestros productos](https://www.tiralineas.digital/productos) [Novedades](https://www.tiralineas.digital/blog) [Diccionario](https://www.tiralineas.digital/diccionario-terminos-marketing-online) [Vídeos](https://www.tiralineas.digital/videos) [Sobre nosotros](https://www.tiralineas.digital/nosotros) [Soporte](https://www.tiralineas.digital/soporte) **[KIT DIGITAL](https://www.tiralineas.digital/soporte)**   **** ** [943 59 87 87](tel:+34943598787) [info@tiralineas.digital](mailto:info@tiralineas.digital) [Novedades](https://www.tiralineas.digital/blog) [Diccionario](https://www.tiralineas.digital/diccionario-terminos-marketing-online) [Vídeos](https://www.tiralineas.digital/videos) [Soporte](https://www.tiralineas.digital/soporte) **** ** [943 59 87 87](tel:+34943598787) [info@tiralineas.digital](mailto:info@tiralineas.digital) [ ¡Forma parte de nuestro equipo! ](https://www.tiralineas.digital/trabaja-con-nosotros) [Aviso legal](https://www.tiralineas.digital/aviso-legal) - [Política de privacidad](https://www.tiralineas.digital/politica-privacidad) - [Política de cookies](https://www.tiralineas.digital/politica-cookies) ![logo-pie](https://www.tiralineas.digital/hubfs/WEB-nueva/logo-pie.png "logo-pie") #### Marketing digital [Análisis y estrategia digital](https://www.tiralineas.digital/inbound-marketing/analisis-estrategia-digital) [Páginas web y ecommerce](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) [Email marketing](https://www.tiralineas.digital/inbound-marketing/email-marketing) [Marketing de contenidos y social media](https://www.tiralineas.digital/inbound-marketing/marketing-contenidos-social-media) [Posicionamiento SEO](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) [SEM/Paid media](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) [Branding](https://www.tiralineas.digital/otros-servicios) #### Servicios Hubspot [Migraciones a HubSpot](https://www.tiralineas.digital/hubspot/migraciones) [Integraciones con HubSpot](https://www.tiralineas.digital/hubspot/integraciones) [Páginas web y ecommerce](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) [Asesoría](https://www.tiralineas.digital/hubspot/asesoria) [Onboarding](https://www.tiralineas.digital/hubspot/onboarding) [Acompañamiento / Soporte](https://www.tiralineas.digital/soporte) #### Productos [Sensitive Data](https://www.tiralineas.digital/productos/sensitive-data) [Saysimple + HubSpot](https://www.tiralineas.digital/productos/saysimple-hubspot) [PrestaShop + HubSpot](https://www.tiralineas.digital/productos/prestasyncro) [Módulo carrito abandonado](https://www.tiralineas.digital/productos/carrito-abandonado) [Holded + HubSpot](https://www.tiralineas.digital/productos/holded-hubspot) [Sage 200 + HubSpot](https://www.tiralineas.digital/productos/sage200-hubspot) [CoverManager + Hubspot](https://www.tiralineas.digital/productos/coversyncro) [Redsys + HubSpot](https://www.tiralineas.digital/productos/redsys-hubspot) #### Empresa [Proyectos](https://www.tiralineas.digital/proyectos) [Sobre nosotros](https://www.tiralineas.digital/nosotros) [Novedades](https://www.tiralineas.digital/blog) [Vídeos](https://www.tiralineas.digital/videos) [Subvenciones](https://www.tiralineas.digital/ayudas-inteligencia-artificial-empresas) [Diccionario](https://www.tiralineas.digital/diccionario-terminos-marketing-online) [Base del conocimiento](https://soporte.tiralineas.digital/es) [Contacto](https://www.tiralineas.digital/contacto) #### ¿Quieres formar parte de nuestro equipo? Envíanos tu currículum. [![¡Forma parte de nuestro equipo!](https://no-cache.hubspot.com/cta/default/2070477/7a7152a8-e683-40e3-a65a-7dc80817cb26.png) ](https://cta-redirect.hubspot.com/cta/redirect/2070477/7a7152a8-e683-40e3-a65a-7dc80817cb26) #### Somos agentes digitalizadores Contacta con nosotros y te ayudaremos [![Información KIT DIGITAL](https://no-cache.hubspot.com/cta/default/2070477/06f53b4f-0506-467e-b8e4-13c5c81d2171.png) ](https://cta-redirect.hubspot.com/cta/redirect/2070477/06f53b4f-0506-467e-b8e4-13c5c81d2171) ![Logo Kit digital](https://www.tiralineas.digital/hubfs/WEB-nueva/kit-digital-logo.png) [**](https://es.linkedin.com/company/tiralineas-digital) [**](https://www.instagram.com/tiralineas.digital/) [**](https://www.youtube.com/@tiralineasdigital) [**](https://www.tiktok.com/@tiralineasdigital?lang=es) [**](https://www.facebook.com/Tiralineas.digital/) [**](https://x.com/tiralineasdigit) [943 59 87 87](tel:+34943598787) [info@tiralineas.digital](mailto:info@tiralineas.digital) Copyright © Tiralíneas [Aviso legal](https://www.tiralineas.digital/aviso-legal) [Política de privacidad](https://www.tiralineas.digital/politica-privacidad) [Política de cookies](https://www.tiralineas.digital/politica-cookies) ![logo-pie](https://www.tiralineas.digital/hubfs/WEB-nueva/logo-pie.png "logo-pie") #### Marketing digital [Análisis y estrategia digital](https://www.tiralineas.digital/inbound-marketing/analisis-estrategia-digital) [Páginas web y ecommerce](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) [Email marketing](https://www.tiralineas.digital/inbound-marketing/email-marketing) [Marketing de contenidos y social media](https://www.tiralineas.digital/inbound-marketing/marketing-contenidos-social-media) [Posicionamiento SEO](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) [SEM/Paid media](https://www.tiralineas.digital/inbound-marketing/posicionamiento-seo) [Branding](https://www.tiralineas.digital/otros-servicios) #### Servicios Hubspot [Migraciones a HubSpot](https://www.tiralineas.digital/hubspot/migraciones) [Integraciones con HubSpot](https://www.tiralineas.digital/hubspot/integraciones) [Páginas web y ecommerce](https://www.tiralineas.digital/inbound-marketing/desarrollo-web-ecommerce) [Asesoría](https://www.tiralineas.digital/hubspot/asesoria) [Onboarding](https://www.tiralineas.digital/hubspot/onboarding) [Acompañamiento / Soporte](https://www.tiralineas.digital/soporte) #### Productos [Sensitive Data](https://www.tiralineas.digital/productos/sensitive-data) [Saysimple + HubSpot](https://www.tiralineas.digital/productos/saysimple-hubspot) [PrestaShop + HubSpot](https://www.tiralineas.digital/productos/prestasyncro) [Sage 200 + HubSpot](https://www.tiralineas.digital/productos/sage200-hubspot) [CoverManager + Hubspot](https://www.tiralineas.digital/productos/coversyncro) [Redsys + HubSpot](https://www.tiralineas.digital/productos/redsys-hubspot) #### Empresa [Proyectos](https://www.tiralineas.digital/proyectos) [Sobre nosotros](https://www.tiralineas.digital/nosotros) [Novedades](https://www.tiralineas.digital/blog) [Vídeos](https://www.tiralineas.digital/videos) [Subvenciones](https://www.tiralineas.digital/ayudas-inteligencia-artificial-empresas) [Diccionario](https://www.tiralineas.digital/diccionario-terminos-marketing-online) [Base del conocimiento](https://www.tiralineas.digital/https://soporte.tiralineas.digital/es) [Contacto](https://www.tiralineas.digital/contacto) [**](https://es.linkedin.com/company/tiralineas-digital) [**](https://www.instagram.com/tiralineas.digital/) [**](https://www.youtube.com/@tiralineasdigital) [**](https://www.tiktok.com/@tiralineasdigital?lang=es) [**](https://www.facebook.com/Tiralineas.digital/) [**](https://x.com/tiralineasdigit) [943 59 87 87](tel:+34943598787) [info@tiralineas.digital](mailto:info@tiralineas.digital) [![¡Forma parte de nuestro equipo!](https://no-cache.hubspot.com/cta/default/2070477/7a7152a8-e683-40e3-a65a-7dc80817cb26.png) ](https://cta-redirect.hubspot.com/cta/redirect/2070477/7a7152a8-e683-40e3-a65a-7dc80817cb26) [Aviso legal](https://www.tiralineas.digital/aviso-legal) - [Política de privacidad](https://www.tiralineas.digital/politica-privacidad) - [Política de cookies](https://www.tiralineas.digital/politica-cookies) ![logo-pie](https://www.tiralineas.digital/hubfs/WEB-nueva/logo-pie.png "logo-pie") [** ](https://www.tiralineas.digital/blog/5-consejos-para-escoger-la-mejor-tipografia-para-tu-web#menu)