Cómo elegir fuentes para un sitio web o un artículo

En este artículo, explicamos algunos de los aspectos esenciales que necesita para hacer la selección correcta teniendo en cuenta que está construyendo su sitio web en Tilda, la plataforma todo en uno que permite a cualquier persona crear un sitio web sin necesidad de contratar a un desarrollador web o un diseñador profesional.

Puedes cargar un máximo de dos fuentes. Utilizar un número limitado de fuentes crea una buena experiencia visual. Además, el uso de fuentes adicionales puede ralentizar la velocidad de carga de la página. Por eso sólo hay dos fuentes.

En los "Ajustes del sitio", continúe y haga clic en "Fuentes y colores". Este comando le llevará a las fuentes básicas seleccionadas por nuestros diseñadores profesionales. Una vez que encuentre la fuente preferida, haga clic en "Seleccionar" y "Guardar cambios". Una vez hecho esto, la fuente del sitio web cambiará automáticamente.

Una vez que se desplace por la página, encontrará los parámetros de tamaño, peso y color de la fuente. Los parámetros utilizados en la fase se aplicarán en todo el sitio. Si desea cambiar el tipo de letra, puede hacerlo en el editor especificado para cada bloque.

Font-weight explica el grosor asociado a cada fuente. Las fuentes tienen dos estilos básicos -regular o negrita- con un grosor adicional que va de superligero a supernegrita. Tilda admite cinco grosores básicos: ligero, normal, medio, semiondulado y negrita. Aunque estos pesos son limitados y algunas fuentes sólo tienen dos pesos: Regular y Negrita.

El tamaño de la fuente que vayas a utilizar dependerá del volumen de contenido que se utilice en el sitio web. Si el sitio web en el que estás trabajando tiene contenido como pies de foto y comentarios, puedes aumentar el tamaño de la fuente a 22px (el tamaño de fuente por defecto es 20px). Por otro lado, si el sitio web requiere mucho texto, puedes reducir el tamaño de la fuente (18px) para mejorar la legibilidad.

La siguiente fase consiste en examinar los cuatro pesos de fuente recomendados para el título y el texto. Esta característica ayuda a encontrar un equilibrio en el tono de voz.

Se trata de una mezcla básica compatible con la mayoría de los sitios web. La recomendamos si pretende mantener el estilo del sitio web unificado y no llamar la atención sobre ningún elemento específico.

Utilice los siguientes parámetros en la configuración del sitio web:
Peso de la fuente del cuerpo de texto - Normal
Peso de la fuente del encabezado - Seminegrita.

Se recomienda en sitios web destinados a conciertos, promociones de giras, bares, espacios de coworking, competiciones deportivas, etc.

Utilice los siguientes parámetros en la configuración del sitio web:
Peso de la fuente del cuerpo de texto - Normal
Peso de la fuente del encabezado - Negrita

Esta combinación es bastante rara; parece dramática debido al contraste utilizado en las fuentes. Sin embargo, es una mezcla perfecta de dinamismo y estilo. Por ejemplo, los títulos y textos destacados y fáciles de leer reflejan un diseño estéticamente agradable en este sitio web de curso de página de aterrizaje.

Utilice los siguientes parámetros en la configuración del sitio web:
Peso de la fuente del cuerpo de texto - Ligero
Peso de la fuente del encabezado - Negrita

Se trata de una combinación perfecta para proyectos destinados a tener un aspecto atractivo y fuerte que llame la atención, como tecnología punta, progreso o alta tecnología. Esta combinación de fuentes resulta perfecta cuando se utiliza en una página con mucho espacio en blanco acentuado con puntos de colores brillantes y bellas imágenes.

Adecuado para sitios web que presenten gadgets, joyas, cafeterías o restaurantes de lujo y salones de belleza.

Utilice los siguientes parámetros en la configuración del sitio web:
Peso de la fuente del cuerpo de texto - Ligero
Peso de la fuente del encabezado - Ligero

El tipo de letra con gracias tiene una directriz que permite al ojo deslizarse suave y rápidamente. Cuando aparecieron los primeros ordenadores, se generalizaron las fuentes Sans serif, ya que estas fuentes son más legibles cuando se utilizan en una pantalla de baja resolución.

La mayoría de los monitores modernos muestran perfectamente ambas fuentes. Por eso, la elección entre Serif y Sans serif depende únicamente del mensaje que se quiere transmitir y no de la puntuación de legibilidad. Aunque las fuentes Serif son adecuadas cuando se utilizan en el terreno formal y se recomiendan para marcas específicas.

En Tilda, hay cinco formas de añadir fuentes:

¿Qué puede hacer? En primer lugar, utiliza la foto adecuada sobre un fondo con elementos grandes y homogéneos. En segundo lugar, aplica un filtro de difuminado para suavizar la imagen. Esto ayudará a aumentar la legibilidad. En tercer lugar, puedes aumentar el peso de la fuente para un bloque específico utilizando un estilo en línea. Esto significa que puedes asignar ajustes a una sección específica de tu texto y no a todo el sitio web. Resalte el texto utilizando el editor de páginas web en línea.

Los estilos que se aplican de esta manera siempre tienen prioridad sobre la configuración predeterminada. Por eso, si modifica los tipos de letra en la Configuración del sitio y las modificaciones no son visibles en el sitio web, significa que ha establecido previamente el estilo inline. Para eliminar el estilo inline, resalte el texto y haga clic en "Borrar todo el formato".

Si te interesa aprender más sobre tipografía, visita un sitio web similar al proyecto en el que estás trabajando y comprueba qué fuentes se utilizan. La extensión de navegador What Font le ayudará a identificar rápidamente las fuentes en las páginas web.

También puede consultar este archivo tipográfico independiente. Contiene una colección de sitios web y muestras impresas clasificadas según el tipo de fuente utilizado.