# Todos los due\u00f1os de negocios conocen la importancia de un sitio web claro, bien dise\u00f1ado y bien mantenido. Hoy en d\u00eda, si no les brinda a sus clientes un sitio web que realmente los impresione, los perder\u00e1 mucho m\u00e1s r\u00e1pido de lo que le tom\u00f3 ganar su confianza. Desafortunadamente, la mayor\u00eda de los empresarios se esfuerzan y contratan dise\u00f1adores que son buenos con el desarrollo, a menudo pasan por alto una caracter\u00edstica crucial: el tipo de letra. Desde el estilo de fuente que usa, hasta el tama\u00f1o del texto que tiene cada una de las p\u00e1ginas internas de su sitio web, esta es una de las cosas que ser\u00e1 el factor decisivo para que sus clientes se queden o no, interact\u00faen y finalmente se conviertan. La verdad es que, aunque las fuentes no parecen tan impactantes, tienen el poder de llevar su negocio por encima o por debajo. Realmente es simple, si el visitante de su sitio web no quiere o no puede leer el contenido que ha publicado, su mensaje no llegar\u00e1 a ellos y, por lo tanto, no podr\u00e1 realizar la conversi\u00f3n. Varias investigaciones han demostrado que el tipo de fuente utilizada en un sitio web afecta no solo la legibilidad, sino tambi\u00e9n el estado de \u00e1nimo, la experiencia del usuario e incluso la longitud percibida del art\u00edculo. Por eso es esencial que su dise\u00f1ador comprenda la diferencia entre simplemente crear un sitio web con una gran cantidad de contenido y desarrollar uno que tenga un dise\u00f1o agradable e impactante que mejore el estado de \u00e1nimo del lector. > \u00abLa tipograf\u00eda es un hermoso grupo de letras, no un grupo de hermosas letras\u00bb. > > -Mateo Carter Cuando piensas en fuentes, \u00bfqu\u00e9 es lo primero que te viene a la mente? Si eres como la mayor\u00eda de las personas que a\u00fan no entienden su importancia, probablemente est\u00e9s pensando en tipograf\u00edas como Calibri, Comic Sans, Arial, Times New Roman y otras. Sin embargo, lo que necesita saber es que estos son solo los conceptos b\u00e1sicos. Cuando se habla de tipograf\u00eda que debe implementarse en su sitio web, no solo debe considerar los tipos de letra, sino tambi\u00e9n sus tama\u00f1os, colores, interletraje y espaciado. En este art\u00edculo, nuestro objetivo no es solo informarle sobre el impacto de las caracter\u00edsticas importantes de las fuentes, sino tambi\u00e9n brindarle sugerencias pr\u00e1cticas que puede utilizar para aumentar las tasas de conversi\u00f3n de su propio sitio web. Por lo tanto, prep\u00e1rate con un l\u00e1piz y un bloc de notas porque este es el tipo de informaci\u00f3n que no querr\u00e1s perderte. ##### Tipos de letra y su impacto Si ha le\u00eddo algunos art\u00edculos sobre fuentes y tipograf\u00eda, sabe que hay varios tipos de letra que se consideran dignos de publicaci\u00f3n en l\u00ednea. Mientras que algunos est\u00e1n de acuerdo en que Georgia aporta la mayor cantidad de resultados, otros piensan que Baskerville se lleva a casa la gloria ganadora. Pero antes de comenzar a hablar de eso, analicemos el impacto general de los tipos de letra en la marca de su sitio. Aqu\u00ed est\u00e1 la cosa; si su contenido es dif\u00edcil de leer porque las letras est\u00e1n demasiado juntas o el tama\u00f1o es demasiado peque\u00f1o, se ir\u00e1n de inmediato o intentar\u00e1n leer durante unos segundos m\u00e1s y finalmente se ir\u00e1n si a\u00fan les resulta dif\u00edcil. Incluso si tiene clientes muy leales que se tomaron su tiempo y realmente leyeron la copia completa, recordar\u00e1n que les tom\u00f3 demasiado tiempo y terminar\u00e1 perdi\u00e9ndolos. El tipo de letra que elija para su sitio web es crucial porque har\u00e1 que todo el proceso de lectura, comprensi\u00f3n y comprensi\u00f3n de su mensaje sea sencillo. Si selecciona una fuente que est\u00e9 de acuerdo con sus lectores, su atenci\u00f3n permanecer\u00e1 en la informaci\u00f3n que est\u00e1 proporcionando y no en el tiempo que les tom\u00f3 leer. **Consejo pr\u00e1ctico:** no todas las fuentes funcionar\u00e1n para todos los sitios web. Las fuentes tienen diferentes personalidades y la que elija depende completamente de su negocio, el tipo de clientes a los que atiende y el mensaje que desea transmitir. Lo mejor que puede hacer es investigar exhaustivamente y observar los tipos de letra que utilizan otros en la misma industria. Pruebe y pruebe varios tipos en diferentes plataformas para que sepa que est\u00e1 tomando la decisi\u00f3n correcta. Recuerde, elegir la fuente adecuada llevar\u00e1 alg\u00fan tiempo, pero valdr\u00e1 la pena cuando vea que sus tasas de conversi\u00f3n aumentan. ##### Tama\u00f1os de fuente y su impacto Cuando hablas del tama\u00f1o de tu fuente, una de las principales preocupaciones que debes tener es la legibilidad. La legibilidad se vuelve mucho m\u00e1s importante porque desea asegurarse de que su mensaje llegue. Incluso si su elecci\u00f3n de fuente no es perfecta, el tama\u00f1o adecuado lo salvar\u00e1 porque al menos el visitante no necesitar\u00e1 forzar la vista para leer el contenido que est\u00e1 presentando. Si tiene el tama\u00f1o de fuente correcto, ser\u00e1 mucho m\u00e1s probable que sus clientes lean su mensaje, interact\u00faen e incluso corran la voz. Cuando pueda comunicarse mejor con sus clientes, su marca se ver\u00e1 afectada positivamente y esto, a su vez, aumentar\u00e1 la reputaci\u00f3n de su empresa. **Sugerencia pr\u00e1ctica:** el tama\u00f1o que elija para presentar la fuente depende del contexto de dise\u00f1o del sitio web. Mientras que una tarjeta de presentaci\u00f3n puede requerir un tama\u00f1o muy peque\u00f1o, un cartel de evento requerir\u00e1 uno mucho m\u00e1s grande. Pero debido a que estamos hablando espec\u00edficamente del dise\u00f1o de sitios web, deber\u00e1 considerar si est\u00e1 publicando para dispositivos m\u00f3viles o pantallas generales. Como regla general, los expertos recomiendan que use de 10 a 14 p\u00edxeles para el contenido del cuerpo y de 16 a 20 p\u00edxeles para los encabezados o t\u00edtulos. Para obtener los mejores resultados, puede realizar una verificaci\u00f3n pr\u00e1ctica de los tama\u00f1os que le parezcan correctos y luego ajustarlos en consecuencia si no parecen funcionar bien. Adem\u00e1s, si est\u00e1 atendiendo a diferentes tama\u00f1os de pantalla (que deber\u00eda), aseg\u00farese de que la fuente tambi\u00e9n funcione bien cuando se reduce el tama\u00f1o en los dispositivos m\u00f3viles. ##### Color de fuente y su sitio web Si desea transmitir su mensaje a sus visitantes de la mejor manera posible, no solo tendr\u00e1 que considerar la selecci\u00f3n de palabras, sino tambi\u00e9n c\u00f3mo se presenta. Ahora, aunque el color de la fuente puede no parecer tan importante, es algo que tiene un gran impacto, especialmente si tiene un sitio web particularmente alegre. La psicolog\u00eda del color es un \u00e1rea completa de estudio y puedes aprender mucho de ella. Sin embargo, cuando implemente el color, especialmente en las fuentes, recuerde no exagerar porque terminar\u00e1 pareciendo divertido. Los colores que elija no solo deben realzar los valores fundamentales de su negocio, sino tambi\u00e9n impulsar la personalidad subyacente con la que los clientes se conectan. Si termina eligiendo el color incorrecto para su fuente, funcionar\u00e1n en su contra y en su negocio. Otra caracter\u00edstica que vale la pena mencionar aqu\u00ed es el contraste. El contraste de su texto o p\u00e1gina es la diferencia de oscuridad que est\u00e1 presente entre el fondo y el texto. Aunque no desea utilizar t\u00e9cnicas antiguas como poner texto rojo sobre fondo verde, debe asegurarse de que haya un buen contraste entre el texto y el fondo para aumentar la legibilidad. **Consejo pr\u00e1ctico:** primero, antes de decidir el color de la fuente, debe pensar muy detenidamente en los colores y la fuente que debe integrarse o que ya se ha integrado en su marca y su logotipo. Por ejemplo, cuando piensa en Coca-Cola, probablemente evoque la caracter\u00edstica fuente rizada junto con el color rojo. A la hora de elegir el color, los expertos recomiendan que lo pienses como si estuvieras coloreando una habitaci\u00f3n de tu casa. Si desea que sus visitantes se sientan c\u00e1lidos y acogedores mientras leen el blog, use rojos y naranjas apagados, ya que est\u00e1n destinados a relajar y calmar los sentidos. Pero, de nuevo, recuerde no exagerar porque la mayor\u00eda del contenido se ve bien y se puede leer en negro, dependiendo del color de fondo. ##### Fuentes de encabezado y lo que debe saber Los encabezados que usa para su contenido son extremadamente cruciales, no solo en t\u00e9rminos de las palabras reales, sino tambi\u00e9n en c\u00f3mo se presenta. Varias investigaciones han demostrado que, a menos que uses titulares atractivos y que llamen la atenci\u00f3n, tus visitantes seguir\u00e1n adelante y buscar\u00e1n algo un poco m\u00e1s interesante para leer. Hay patrones particulares en la forma en que los humanos leen la web y, a trav\u00e9s de esto, descubrir\u00e1 que la mayor\u00eda del contenido simplemente se escanea. Por lo tanto, si no est\u00e1 captando la atenci\u00f3n de su visitante con el encabezado, sus posibilidades de lectura disminuir\u00e1n a\u00fan m\u00e1s. Ahora tenga en cuenta que tanto la fuente como el color que use para su encabezado decidir\u00e1n si su visitante quiere leerlo o no. Entonces, aunque no quiera comenzar a usar Comic Sans simplemente para llamar la atenci\u00f3n, debe mantenerlo legible. **Consejo pr\u00e1ctico:** si est\u00e1s emparejando fuentes (usando una para el t\u00edtulo y la otra para el contenido principal), aseg\u00farate de que se vean bien juntas. El emparejamiento a veces puede ser complicado porque debe asegurarse de que la mayor\u00eda de los elementos de las fuentes coincidan para que no se vean muy diferentes entre s\u00ed. En tal caso, la fuente del t\u00edtulo debe complementar el texto del cuerpo. Por otro lado, si est\u00e1 utilizando el mismo tipo de letra, puede experimentar con diferentes tama\u00f1os y espacios entre l\u00edneas para mejorar el encabezado. El mismo tipo de letra no solo proporcionar\u00e1 armon\u00eda visual para su lector, sino que tambi\u00e9n reducir\u00e1 la cantidad de fuentes que deben cargarse, lo que aumentar\u00e1 el tiempo de carga y el rendimiento general. ##### Longitud de l\u00ednea y su importancia La mayor\u00eda de las personas que est\u00e1n creando un sitio web considerar\u00e1n la fuente, el tama\u00f1o, el color y el contraste del texto utilizado. Sin embargo, lo que se pierden es la longitud de la l\u00ednea. La longitud de l\u00ednea es responsable de aumentar o disminuir la legibilidad general y se refiere a la cantidad de palabras o caracteres que est\u00e1n presentes en cada l\u00ednea horizontal. Lo que afecta la legibilidad es la brevedad o extensi\u00f3n de las oraciones. Si la fuente que eliges hace que las l\u00edneas parezcan demasiado largas, los ojos de tu visitante tendr\u00e1n que recorrer una gran distancia, lo que desanimar\u00e1 su lectura ya que requerir\u00e1 mucho esfuerzo. Por el contrario, si las l\u00edneas son demasiado cortas, el flujo de frases se romper\u00e1 y el visitante acabar\u00e1 perdiendo el inter\u00e9s. **Consejo pr\u00e1ctico:** una teor\u00eda propuesta por el Instituto de usabilidad Baymard es que debe elegir una fuente que use 50-75 caracteres (espacios incluidos) por l\u00ednea, ya que esto brinda una legibilidad \u00f3ptima. Tambi\u00e9n puede usar la Calculadora tipogr\u00e1fica de proporci\u00f3n \u00e1urea para determinar la longitud de l\u00ednea perfecta seg\u00fan la pantalla que se use para leer el contenido. ##### Interletraje y por qu\u00e9 es importante Seg\u00fan Wikipedia, ‘Kerning es el proceso de ajustar el espacio entre caracteres en una fuente proporcional, generalmente para lograr un resultado visualmente agradable'. Si est\u00e1 utilizando una buena fuente, tendr\u00e1 un buen interletraje y el espacio entre cada par de caracteres ser\u00e1 similar. Si tiene un dise\u00f1ador que configura el tipo de letra en un programa gr\u00e1fico como Photoshop, tendr\u00e1 la capacidad de cambiar el espacio entre las letras y hacer ajustes hasta que la fuente y el interletraje se vean perfectos. No centrarse en el kerning le costar\u00e1 porque a menudo es lo m\u00e1s importante que distingue el trabajo profesional de uno que ha sido realizado por aficionados o aspirantes a dise\u00f1adores. **Consejo pr\u00e1ctico:** la cantidad de espacio que tiene entre cada letra debe ser igual si desea que su sitio web se vea profesional. Si est\u00e1 dise\u00f1ando un tipo de letra, recuerde integrar el kerning porque la legibilidad aumentar\u00e1 si hay continuidad espacial entre las letras. Por otro lado, si est\u00e1 utilizando las fuentes que ya existen, no necesita preocuparse por esto porque todas estas fuentes contendr\u00e1n informaci\u00f3n sobre el espaciado. #### Conclusi\u00f3n Para los due\u00f1os de negocios que desean mejorar la marca de su sitio web y atraer m\u00e1s clientes, un aspecto crucial a recordar es usar tipos de letra que complementen la copia. Si est\u00e1 haciendo las cosas bien, tambi\u00e9n tendr\u00e1 un efecto en la emoci\u00f3n, el estado de \u00e1nimo y la acci\u00f3n de su lector. Esto, a su vez, har\u00e1 que sea m\u00e1s probable que se conviertan en un cliente leal. Recuerde que una de las mejores maneras de probar la fuente, su tama\u00f1o, color, etc. es probarla y ver los resultados. Adem\u00e1s, dedique tiempo a todo este proceso y toda su atenci\u00f3n porque si desea la perfecci\u00f3n, debe Tendr\u00e1 que trabajar para ello. Al final, los dejo con esta cita inspiradora de Steve Jobs, quien es el principal responsable de por qu\u00e9 prestamos tanta atenci\u00f3n a las fuentes en la actualidad. > \u201cDecid\u00ed tomar una clase de caligraf\u00eda para aprender a hacerlo (aprender caligraf\u00eda). Aprend\u00ed sobre los tipos de letra Serif y Sans-Serif, sobre c\u00f3mo variar el espacio entre las diferentes combinaciones de letras, sobre lo que hace que una gran tipograf\u00eda sea excelente. Fue hermoso. Hist\u00f3rico. Art\u00edsticamente sutil de una manera que la ciencia nunca podr\u00e1 capturar\u00bb. > > -Steve Jobs<\/p>\n","protected":false},"excerpt":{"rendered":"
Todos los due\u00f1os de negocios conocen la importancia de un sitio web claro, bien dise\u00f1ado y bien mantenido. Hoy en d\u00eda, si no les brinda a sus clientes un sitio web que realmente los impresione, los perder\u00e1 mucho m\u00e1s r\u00e1pido de lo que le tom\u00f3 ganar su confianza. Desafortunadamente, la mayor\u00eda de los empresarios se esfuerzan y contratan dise\u00f1adores que son buenos con el desarrollo, a menudo pasan por alto una caracter\u00edstica crucial: el tipo de letra. Desde el estilo de fuente que usa, hasta el tama\u00f1o del texto que tiene cada una de las p\u00e1ginas internas de su sitio web, esta es una de las cosas que ser\u00e1 la…<\/p>\n","protected":false},"author":1,"featured_media":165839,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,255,60],"tags":[],"class_list":["post-263387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-fuentes","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263387"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/165839"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}