Cómo elegir fuentes para su sitio web - dummies

Algunas fuentes no funcionan bien en los sitios web. Desafortunadamente, en estos días existen demasiadas fuentes para que pueda encontrar una lista completa de cuáles y cuáles no. Además, es importante comprender que las fuentes, como la moda, entran y salen de estilo para su uso en la web (para obtener un ejemplo rápido de una fuente que no está de moda, simplemente haga una búsqueda en Comic Sans). Pero hay algunas pautas generales que lo ayudarán a seleccionar las fuentes correctas para diferentes aplicaciones.

Estándar versus fuentes de pantalla en diseño web

Para elegir la fuente adecuada para su sitio web, debe estar familiarizado con las diferentes categorías de fuentes. Generalmente, debe usar fuentes estándar para las páginas de texto del cuerpo y reservar las fuentes decorativas o decorativas., a menudo llamadas mostrar fuentes, para encabezados cortos, rótulos y subtítulos.

Fuentes estándar incluyen a Garamond, Times, Georgia, Arial, Helvetica y Verdana, que fueron diseñados para ser legibles y funcionan bien para bloques de texto más grandes. Son fuentes comunes de las que mucha gente ha oído hablar. Sin embargo, hay varias fuentes que entran en la categoría "estándar" con nombres que quizás no reconozca.

Los pesos de fuente para la copia del cuerpo generalmente se llaman Roman, Body o Regular. Los lectores no se distraen con el diseño de estas fuentes clásicas, lo que les permite concentrarse en el texto que tienen entre manos. Las fuentes estándar están diseñadas para facilitar la lectura, por lo que funcionan bien en los tamaños de punto más pequeños y en bloques de texto más grandes.

Las fuentes Fancier, por otro lado, u otras variantes de peso de una fuente como Bold, Condensed, Semi Bold, Black y Ultra, tienen muchos detalles y personalidad, ideales para series grandes encabezados y subtítulos que consisten en algunas palabras. Estas fuentes llaman la atención de las personas, pero no están diseñadas para una página larga de texto. A menudo puede distinguir las fuentes decorativas solo por sus nombres, como Kid Print, Comic Sans, etc. (consulte la siguiente figura).

Grosor de fuente en la web

El grosor de cada letra individual (o grosor de línea ) contribuye en gran medida a la legibilidad de la fuente. Debido a que los píxeles en las computadoras no son comparativamente muy pequeños, las fuentes que son demasiado delgadas pueden desvanecerse en el olvido, especialmente en tamaños de puntos más pequeños.

Si examina cualquier fuente, observa que el grosor varía en cada letra. Por ejemplo, eche un vistazo a la letra m en el ejemplo a continuación. La letra se establece en algunos tipos de letra diferentes para comparar. Algunas fuentes, como Kepel Bold (el ejemplo en el extremo izquierdo), cambian drásticamente entre las áreas gruesas y delgadas de una sola letra.En un tamaño de punto pequeño, para la letra m , todo lo que ve es una burbuja de tres trazos audaces: los trazos delgados desaparecen por completo. Por lo tanto, cuando elija fuentes para texto de tamaño pequeño, busque versiones que no tengan una gran variación en el grosor del trazo. Además, evite las ediciones "ligeras" de las fuentes: son demasiado delgadas para leer en un tamaño de punto pequeño. (La mayoría de las familias de fuentes vienen en una variedad de grosores, que van desde la luz del más delgado del conjunto al negrita, negro y ultra para un grosor de línea progresivamente más pesado.)

Fuentes Serif versus sans-serif en diseño web

la educación de fuentes no estará completa hasta que sepa la diferencia entre las fuentes serif y sans-serif. Un serif es la pequeña repisa que adorna las puntas de una letra. Las fuentes Sans-serif , por otro lado, no tienen estas repisas. Algunas fuentes sans-serif modernas tienen pequeños adornos en sus puntas, lo que hace que mires dos veces, pero todavía se consideran fuentes sans-serif. Las fuentes serif y san-serif se pueden usar para bloques más grandes de copia corporal. Por lo general, las fuentes serif le dan a la página un aspecto más conservador, con clase o más novedoso, mientras que el uso de las fuentes san-serif produce una sensación más limpia y más moderna.

Todas las fuentes de las listas sobrevivieron a la prueba de 10 puntos : todas son legibles cuando se configuran en solo 10 puntos, que es el tamaño de fuente más pequeño para texto que debe considerar para la copia corporal en diseño web (mejor para establecer en 11 puntos al menos).

Prueba a mezclar las fuentes serif y sans-serif. Por ejemplo, use un estilo para los títulos y el otro estilo para el texto del cuerpo. Elegir un conjunto de dos o tres fuentes para su sitio web, una para cada tipo diferente de elemento de tipo, ayuda a agregar interés visual a la página, como en el siguiente ejemplo.

Crédito: © Café descafeinado con agua Suiza