Como elixir familias de fontes para o seu sitio web

Como decidir que familia de fontes usar

Mire calquera páxina web en liña hoxe, independentemente do tamaño do sitio ou da industria para o que sexa, e verá que unha cousa que todos comparten en común é o contido de texto.

Unha das formas máis fáciles de afectar o deseño dunha páxina web é coas fontes que usa para o contido de texto dese sitio. Desafortunadamente, moitos diseñadores web que están no inicio das súas carreiras están un pouco tolos empregando moitas fontes en cada páxina. Isto pode facer unha experiencia muddied que parece non ter cohesión de deseño. Noutros casos, os diseñadores intentan experimentar con fontes que son practicamente ilegibles, usándoos só porque son "interesantes" ou diferentes. De feito, poden ser fontes interesantes, pero se o texto que pretenden transmitir non se pode ler, entón "frescor" desa fonte desaparecerá cando ninguén le este sitio web e, no seu lugar, abandone un sitio que pode procesar.

Este artigo verá algúns dos elementos que debería considerar cando escolle unha familia de fontes para o seu próximo proxecto de sitio web.

ALGÚNS REGLAS DE TERCEIRO

  1. Non use máis de 3-4 fontes en ningunha páxina. Calquera cousa máis que iso empeza a sentirse afeccionado, e ata nalgúns casos, 4 tipos de letra poden ser demasiados.
  2. Non modifique a fonte en media frase a menos que teña unha razón moi boa (Nota: Nunca, en todos os meus anos como diseñador web atopei un bo motivo para facelo)
  3. Use fontes sans serif ou fontes serif para o texto do corpo para facer máis fáciles de ler eses bloques de contido.
  4. Use fontes de monospace para o texto e bloque de código de máquina de escribir para configurar ese código ademais da páxina.
  5. Use fontes de guións e fantasía para acentos ou titulares grandes con moi poucas palabras.

Lembre que estas son todas as suxestións, non as regras duras e rápidas. Se vas facer algo diferente, con todo, debes facelo con intención, non por casualidade.

As fontes SANS SERIF son a base do seu sitio

As fontes Sans serif son aquelas fontes que non teñen " serifs ", o pequeno tratamento de deseño engadido nos extremos das letras.

Se tomou algúns cursos de deseño de impresión probablemente fose informado de que só debería empregar fontes serif só para titulares. Isto non é verdade para a web. As páxinas web están destinadas a ser vistas por navegadores web en monitores de computadores e os monitores de hoxe son moi bos para mostrar claramente as fontes serif e sans-serif. Algunhas fontes serif poden ser un pouco reto para ler en tamaños menores, especialmente en monitores máis antigos, polo que sempre debes ter coñecemento do teu público e asegurarte de que poden ler fontes serif antes de tomar a decisión de usalos para o teu texto corporal. Dito isto, a maioría das fontes serif hoxe están deseñadas para o consumo dixital e funcionarán ben como copia corporal sempre que se establezan nun tamaño de fonte razoable.

Algúns exemplos de fontes sans-serif son:

Trivia: Verdana é unha familia tipográfica que foi inventada para usarse na web.

USE SERIF FONTS PARA IMPRIMIR

Mentres as fontes serif poden verse para ler en liña para pantallas máis antigas, son perfectas para imprimir e son boas para titulares na páxina web. Se tes versións simples e amigables do teu sitio, este é o lugar perfecto para usar fontes serif. Os serifs, por letra impresa, facilitan a lectura, xa que permiten que as persoas diferencien as letras con máis claridade. E porque a impresión ten unha resolución máis alta, pódense ver de forma máis clara e non parecen desenfocar.

Mellores Prácticas: considere empregar fontes serif para as súas páxinas de impresión.

Algúns exemplos de fontes serif son:

MONOSPACE FONTS TOMARÁ ESPAZO EQUAL PARA CADA CARTA

Aínda que o teu sitio web non se trate de computación, podes usar o espazo monoespacial para proporcionar instrucións, dar exemplos ou impoñer texto escrito. As cartas de monospace teñen o mesmo ancho para cada personaxe, polo que sempre ocupan a mesma cantidade de espazo na páxina.

As máquinas de escribir usan tipicamente fontes monospace e usalos na súa páxina web poden darlle a sensación dese contido escrito por tipo.

Algúns exemplos de fontes monospace son:

Mellores Prácticas: As fontes de Monospace funcionan ben para mostras de código.

FANTASIA E SCRIPT FONTS son difíciles de ler

As fontes de fantasía e script non son tan difundidas nas computadoras e, en xeral, poden ser difíciles de ler en grandes anacos. Aínda que poida agradar o efecto dun diario ou outro rexistro persoal que podería darlle unha fonte cursiva, os seus lectores poderían ter problemas. Isto é especialmente verdadeiro se o teu público inclúe altofalantes non nativos. Ademais, as fontes de fantasía e cursivas non sempre inclúen caracteres de acento ou outros caracteres especiais que limitan o seu texto a inglés.

Utiliza fontes fantasiosas e cursivas en imaxes e como titulares ou chamadas. Mantéñase curtas e teña en conta que calquera fontes que elixe probablemente non estará na maioría das computadoras dos seus lectores, polo que terá que entregalos mediante fontes web .

Algúns exemplos de fontes de fantasía son:

Trivia: Impact é a familia de fontes máis probable que estea en Mac, Windows e Unix.

Algúns exemplos de fontes de guións son:

Trivia: Os estudos demostraron que as fontes máis difíciles de ler poden axudar aos estudantes a retener máis información.

Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 17/09/17