close
    search Buscar

    ¿Qué fuente usar para un sitio web?

    Quien soy
    Martí Micolau
    @martímicolau

    Valoración del artículo:

    Advertencia de contenido

    Hoy te ofrecemos algunas reglas y algunos consejos prácticos para asegurarte de que el contenido textual de su sitio web también es agradable de leer.

    Primero de todo eldisposición algo de texto en un sitio no es fácil. No se debe subestimar la armonía entre las partes escritas y gráficas. los tipo de fuente que utiliza y su caracterización son tan funcionales para el rendimiento general del sitio como el diseño gráfico.

    ¿Qué fuente usar para un sitio web?



    El formato del texto en la web

    Si en una revista, en un periódico o en un libro, la elección de la fuente tiene una importancia gráfica, estilística y funcional, esto sucederá aún más en una página Web. lectura rápida en la pantalla es mucho más difícil que una lectura en papel, tanto por el brillo del video como por el tiempo de espera frente a un monitor. No es casual, por tanto, que un texto, concebido para papel y mostrado en vídeo, deba sufrir necesariamente modificaciones, recortes, tratamientos en la estructuración y visualización de los conceptos fundamentales.

    La atención de la mirada sobre la página no es continua como en el caso de la lectura en papel. El ojo hace uno escaneo visual de la página en su totalidad, capturando aquí y allá elementos importantes en los que insistir: párrafos, palabras en negrita, listas con viñetas, símbolos.

    En este contexto, la elección de la fuente tiene un valor fundamental tanto para identificar el contenido principal y su relevancia para lo que se busca, como en términos de legibilidad.

    No es casual, por tanto, que existan tipografías creadas expresamente con el objetivo de ser leídas en pantalla, que son las que encontramos con mayor frecuencia dentro de las páginas Web.



    Texto, colores y fondo

    Otro hecho que no debe pasarse por alto es la Representación visual y cromática del texto. en una página. Un bloque de palabras demasiado denso, un tamaño de letra demasiado pequeño, un texto todo en negrita, desmoralizan de inmediato al lector que tiene poco tiempo y se cansa rápidamente y tal vez sepa que puede encontrar otros contenidos de su interés en otro lugar, mejor paginados y ordenados. más fluidamente.

    Se ha comprobado que el texto de color oscuro, preferiblemente negro, sobre un fondo claro es el más legible de todos. De manera más general, debe haber un fuerte contraste entre las palabras y el trasfondo: aquí la regla de tono sobre tono no funciona en absoluto.


    La fuente

    Un diseñador web que elige una fuente para el texto de su sitio tiene, en teoría, disponible un número infinito de fuentes para usar para representar mejor el equilibrio gráfico. La elección, sin embargo, está sujeta a dos factores fundamentales:

    • legibilidad la fuente utilizada;
    • compatibilità de la fuente con las fuentes instaladas en la computadora del navegador.

    Para superar el segundo punto y utilizar caracteres que sigan el diseño gráfico del sitio, utilizamos el texto en gráficos. Es decir, muchas veces optamos por reportar partes textuales en formato de imagen (textos escritos con un programa gráfico y guardados por ejemplo en un archivo gif o jpg). Lo mismo ocurre cuando se crean sitios completos en Flash. En estos casos tienes total libertad en los gráficos y en la representación del texto, pero nunca debemos olvidar el requisito de legibilidad.


    Otros dos requisitos importantes para las páginas web son:

    • indexación de las páginas individuales;
    • la facilidad de realizar actualizaciones.

    Si queremos que el contenido del sitio sea indexado en los buscadores y, por tanto, alcanzado por un número cada vez mayor de usuarios, debemos informarlo en forma textual.


    Sin embargo, en cuanto a las actualizaciones, debemos asegurarnos de que tenemos la capacidad de cambiar el texto de forma rápida y sencilla. Precisamente para tener siempre en cuenta estas necesidades, es recomendable minimizar el texto en los gráficos utilizando imágenes para escritos particulares como sobornos o títulos.

    Con la llegada y difusión de Internet, se han creado especialmente nuevas fuentes que son ideales para leer en la pantalla. Consideremos los dos más populares y famosos: el Verdana y Georgia.

    • Verdana: es el la mejor fuente para usar en la web. Los caracteres están bien espaciados, son proporcionados y legibles incluso en tamaños bastante pequeños. La negrita es siempre muy visible y los personajes similares están bien diferenciados. La fuente fue lanzada en 1996 por el grupo de tipografía de Microsoft y el nombre se refiere al término "verde" que indica un área verde, como la de Seattle.
    • Georgia: Es la evolución de Times New Roman. Fue creado para ser leído en video y el su forma da mayor elegancia y ligereza a las letras. El lanzamiento de la fuente tiene fecha de 1993 y siempre es de Microsoft. El nombre deriva del estado estadounidense.

    Nunca se utiliza una sola fuente en la creación de páginas web. En general, se atribuye al texto una familia de fuentes. La vieja etiqueta se usó una vez Perfil delantero: de esta forma fue posible asignar al texto grupos de caracteres “estándar” personalizados. P.ej:


     

    al hacerlo, un usuario que no hubiera instalado Verdana en su PC (lo cual es poco probable) habría mostrado el texto con Arial y así sucesivamente.

    La llegada de CSS

    La verdadera revolución en la gestión y el formato de texto se produjo con la introducción de CSS (hojas de estilo), que hoy se utiliza no solo para el texto, sino sobre todo para configurar el diseño de los sitios web.


    En las "familias", las fuentes se pueden indicar mediante dos especificaciones:

    • apellido: el nombre de los caracteres a utilizar. Si el nombre tiene espacios, como "Times New Roman", debe ir entre comillas.
    • nombre generico: Indica el tipo de fuente, en particular:
    1. serif: fuente con agradecimiento;
    2. sans-serif: fuente sans serif;
    3. cursiva: tipo de letra de escritura a mano, que imita la escritura a mano;
    4. fantasía: carácter decorativo;
    5. monospace: fuente monoespaciada, con ancho fijo.

    La etiqueta de fuente se ve así:

    (argumento de fuente, mencionemos los otros atributos. Tamaño de fuente, por ejemplo, indica el tamaño de la fuente. Generalmente se expresa en píxeles, pero también se puede asignar un valor en otras unidades de medida, valores absolutos o porcentajes.

    Especificaciones que indican el font-style, la peso de la fuente, la fontvariant y transformación de texto indicar todos los atributos relacionados con cursiva, negrita, mayúsculas y minúsculas. También es posible indicar color y decoración.

    La gran innovación que aportan las hojas de estilo también se refiere a la capacidad de administrar el interlineado, los márgenes, la distancia entre letras, el espaciado de un cuadro o la capacidad de crear listas con viñetas personalizadas como un editor de texto.

    Es así como las páginas web se han vuelto más sofisticadas en la visualización de textos escritos y precisas en el diseño gráfico general.

    El valor emocional y emocional

    Los personajes se comunican: los más lineales y profesionales como elAvant Garde, la Futura, laHelvetica, la "escritura a mano" como Mistral, lustroso escritura indican confianza y tranquilidad, mientras que los más juguetones (Comic Sans, Historietas) evocan un mundo alegre y hacen referencia a los cómics.

    La elección de fuente es, por tanto, una consecuencia directa de lo que uno quiere comunicare y el tipo de comunicación que desea establecer.

    Añade un comentario de ¿Qué fuente usar para un sitio web?
    ¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.