Tipografía web se refiere a fuentes incorporadas en páginas web. Es un aspecto crítico del diseño de un sitio web porque tiene un impacto directo en la legibilidad del sitio. Mucha gente piensa que las responsabilidades de un diseño de sitio web asequible profesional no incluye prestar atención a tipografía web. Sin embargo, este es un concepto erróneo.
Además de invertir tiempo en la creación de diseños, también hay que estar atento a la tipografía web. Recuerda que si tu tipografía web es pobre, los visitantes no se molestarán en observar tus diseños. Le brindamos algunos consejos que lo ayudarán a lidiar con la tipografía web sin problemas.
- Utilice tres tipos de letra por diseño
El uso de tres tipos de letra (como máximo) permitirá a los lectores observar su sitio web con claridad. Organizar el contenido con varios tipos de letra puede crear un aspecto desordenado del sitio. Además, puede convencer a los visitantes de que varias partes del contenido, como diferentes párrafos, no están relacionadas.
Por supuesto, mientras leen, es posible que los visitantes no puedan identificar la fuente exacta de la incomodidad. Aún así, no se sentirán cómodos leyendo información que contenga varios tipos de letra. - Distinguir el título
El título de un artículo atrae inicialmente a los visitantes. Si encuentran pegadizo el título, pasarán al resto del artículo. Esto significa que hay que resaltar el título, para que llame la atención de los lectores a toda costa. Aumentar el tamaño del título es la forma más fácil de resaltarlo. - Establecer el tamaño de la copia del cuerpo en 14 píxeles
Para obtener los mejores resultados, trate de asegurarse de que los visitantes puedan leer cómodamente el texto de su cuerpo. Es cierto que, además del tamaño, otros factores también pueden influir en la legibilidad del sitio web. Aún así, el tamaño es el factor determinante más importante. Establecer el tamaño de la copia del cuerpo en 14 píxeles puede ser una gran idea. - Evite el uso de subrayado y cursiva innecesariamente
No confunda a sus lectores utilizando cursiva y subrayado innecesariamente. Las cursivas y los subrayados otorgan mayor importancia a una línea. Si usa cursiva y subrayado en cada oración, sus visitantes pueden sentirse confundidos.
Por el contrario, utilice subrayados y cursivas, solo cuando sea necesario. - No utilice mayúsculas completas para bloques de texto grandes
Usar mayúsculas completas para grandes bloques de texto es una mala idea. Esto se debe al hecho de que, en comparación con el texto escrito en mayúsculas y minúsculas, la información establecida solo en mayúsculas es más difícil de interpretar.
Si configura la información en mayúsculas y minúsculas, según sea necesario, será comparativamente más fácil para los ojos. Además, permitirá a los visitantes interpretar la información con mayor facilidad. - Evite abarrotar gran cantidad de información en un espacio limitado
Para aumentar la legibilidad de su sitio, no fuerce la información grande para que quepa en un espacio limitado. Por el contrario, proporcione suficiente espacio para que asuma un aspecto ordenado. Al mismo tiempo, no incorpore un espacio excesivo, de modo que todo el texto parezca desarticulado y sin relación. - Preste atención al contraste de fondo
Es posible que haya optado por un tamaño de fuente más grande para aumentar la legibilidad del texto. Sin embargo, si el contraste entre la información y su trasfondo es pobre, obstaculizará la legibilidad y la legibilidad del sitio. La práctica común es colocar el texto claro sobre un fondo oscuro o viceversa. Evite el uso de colores contradictorios a toda costa. - Opte por fuentes que sean perfectas para uso en pantalla
Puede utilizar varios tipos de fuentes en el Internet. Desafortunadamente, muchas de estas fuentes no son adecuadas para su uso en sitios web. Por esta razón, es importante seleccionar cuidadosamente las fuentes. Además, puede utilizar tablas de sugerencias y comprobar la apariencia de las fuentes en tamaños más pequeños en varios navegadores. - Evite el uso de Comic Sans
Comic sans se ha convertido en una fuente muy odiada y no somos una excepción. Creemos firmemente que el uso de esta fuente proporciona a su sitio un atractivo infantil e inmaduro, que la mayoría de los visitantes no apreciarán. Trate de evitarlo.
¡Disfruta creando un sitio web accesible!
Ruse Aiden
Hola, Diane.
Gracias por compartir una excelente guía. Deseo que todos los diseñadores comprendan la importancia de la tipografía. La tipografía incorrecta también podría ser un error del diseño de un sitio web. Me gustaría dar prioridad a la tipografía cuando se trata de diseñar un sitio web y evitar que el diseño web sea un fracaso. El consejo que ha dado aquí es realmente fantástico y contiene mucha información útil.
Amber
Gracias por compartir. Seguramente mucha gente se verá beneficiada con estos puntos.
Sara
Muy útil. Estoy viendo un rediseño de uno de nuestros sitios web en este momento y me di cuenta de que estábamos usando alrededor de 5-6 fuentes diferentes en el sitio anterior, lo que simplemente no se ve muy bien.
sajesh
Estuve de acuerdo con usted en que la tipografía web es un aspecto crítico del diseño web y todo diseñador debe tener este aspecto en mente al diseñar el sitio web.
nishadha
Todo lo que puedo decir es: Guau. Sé que los estilos de fuente y el tamaño de fuente son importantes, pero nunca supe tanto por qué son importantes. Reenviando esto al equipo de diseño y gracias por el increíble artículo.
David
Poner una tipografía clara, legible y eficaz en su sitio web aumenta no solo sus visitantes, sino que también aumenta la profesionalidad.
Natasha
¿Establecer el tamaño de la copia del cuerpo en 14 píxeles? ¿No es mejor que deberíamos usar 16-18px o mejor vamos al 150%?
Rajesh Namase
Depende, solo cámbielo y compruebe si se ve bien y legible o no.
Jeeten
Sí, estoy de acuerdo contigo Diane, se requiere tipografía web. teniendo en cuenta la tipografía, había diseñado mi sitio.
Stephen
familia de fuentes: 'franklin_gothic_medium_condRg'; la fuente está siendo utilizada por mí mismo en mis diversos sitios web. y el tamaño de la fuente del cuerpo se mantuvo en .9em. y en algunos sitios web 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Visnú Sharma
Sí, estoy de acuerdo contigo Diane, se requiere tipografía web. Teniendo en cuenta la tipografía, había diseñado mi sitio.
Mansoor Bhanpurawala
Muy útil. Estoy viendo un rediseño de uno de nuestros sitios web en este momento y me di cuenta de que estábamos usando alrededor de 5-6 fuentes diferentes en el sitio anterior, lo que simplemente no se ve muy bien.
Alex
Gracias, Admin. Muy uso blog completo. Gracias por la publicación porque esta publicación es útil para mí.