Contenidos
Fuente
El objetivo de un sitio web es mantener el interés del usuario. Esto significa que un sitio web debe comunicar su mensaje claramente al usuario, sin causar confusión o distracción. Al final, la capacidad de un sitio web para captar y mantener la atención del usuario se reduce a su tipografía, que básicamente se refiere a la elección y el uso de las fuentes. Cuando un sitio web contiene una buena tipografía, los usuarios pueden leer fácilmente el contenido, navegar por las páginas del sitio y comprender los conceptos expuestos. La tipografía es uno de los principales componentes del diseño web, pero puede ser difícil de conseguir. Factores como el tamaño de la fuente, el color, el fondo y otros pueden abrumar a los diseñadores e impedirles crear un gran sitio web.
Si estás en la formación de diseño web, estos consejos de tipografía te ayudarán a optimizar la tipografía del sitio web que crees. En el momento en que adquiera estas habilidades esenciales de tipografía, podrá crear sitios web que sean utilizables y atractivos.
Aunque seleccionar un tipo de letra para un sitio web puede ser emocionante, ya que hay muchos para elegir, es importante recordar el propósito del tipo de letra que está seleccionando. Un tipo de letra debe ser fácil de leer y permitir que los usuarios se centren en el contenido y no en la fuente en sí. Aunque existen muchas fuentes interesantes para un sitio web, los lectores se distraerán si una fuente es demasiado estilizada y llamativa. Seleccione un tipo de letra legible y profesional antes que uno único.
Comprobar las fuentes de Google en el sitio web
Lo creas o no, la tipografía del sitio web es una parte importante de un gran diseño. No me malinterpretes, hay muchos aspectos del diseño web que desempeñan un gran papel en el aspecto y el funcionamiento de tu sitio web de bricolaje, desde las imágenes que eliges hasta el número de elementos que utilizas y cómo se disponen en cada página. Sin embargo, la tipografía -que incluye el tamaño de la fuente, el estilo de la misma, el interlineado, etc.- es uno de los aspectos más olvidados del diseño web. Lo cierto es que la tipografía de su sitio web marca una gran diferencia en su aspecto y en la forma de conectar con sus visitantes. La tipografía tiene que ver con la legibilidad y la emoción; tiene que ver con la personalidad, la profesionalidad y la practicidad. Hay que tener en cuenta muchas cosas cuando se trata de la tipografía. Cuanto más sepa sobre la tipografía web, más eficazmente podrá aplicarla en su propio sitio web. Espero que esta guía rápida te ayude.
Como he dicho, hay muchas cosas que querrás tener en cuenta a la hora de tomar decisiones sobre la tipografía de tu sitio web. También hay mucho en juego con la tipografía, y hay muchos retos que superar. He aquí algunos de ellos:
Qué tipo de letra se utiliza en el sitio web
Extensiones como WhatFont (disponible para Chrome, Firefox y Safari) hacen que sea bastante fácil detectar las familias de fuentes de cualquier texto en una página web. Sólo hay que instalar la extensión, activarla en un sitio y hacer clic en el elemento que se quiere inspeccionar. Los resultados se muestran en un cuadro flotante, siempre en el contexto que elijas.
La mayoría de los navegadores web permiten encontrar fácilmente las fuentes mediante el botón derecho → ‘Inspeccionar’ o ‘Inspeccionar elemento’. También puede hacerse pulsando F12. Esto mostrará una lista de estilos adjuntos al sitio web, que puedes explorar para encontrar las fuentes utilizadas en cualquier elemento HTML.
Usar el inspector no es tan sencillo como usar una extensión, pero tiene varias ventajas. Se requiere un poco de comprensión de CSS, ya que normalmente tendrá que pasar por varios estilos para encontrar el que se está aplicando. Como regla general, los estilos que están tachados se están sobrescribiendo, así que busca siempre los que se están aplicando en último lugar.
Todos los estilos de la página aparecen en la pestaña Estilo, pero si en su lugar utiliza la pestaña Calculado, podrá encontrar las propiedades que se están aplicando activamente al elemento que ha seleccionado, incluyendo por supuesto la familia de la fuente.
Whatfont bookmarklet
¿Quién es tu público y qué idiomas habla? Recuerda que tu aplicación o sitio web probablemente llegará a usuarios de todo el mundo. Incluso si ofreces contenido en un solo idioma, mucha gente utiliza la función de traducción del navegador para que el contenido aparezca en su lengua materna.
Dependiendo de lo que necesites para tu proyecto, recuerda comparar los estilos de las figuras de tu fuente. La diferencia entre el estilo Oldstyle y el estilo Tabular (mostrado arriba), afectará a tus elecciones de diseño y formato. Las cifras tabulares suelen utilizarse en tablas porque cada número tiene el mismo ancho de caracteres, mientras que las cifras Oldstyle se leen más cómodamente en párrafos.