> Manuales > Curso práctico de diseño web

Vamos a conocer las familias tipográficas y sus grupos y clasificaciones. Estudiamos las partes de una legra para identificar las características de una tipografía y luego vemos las familias principales.

En este artículo vamos a hacer un estudio en profundidad a la tipografía, estudiando principalmente las familias tipográficas y sus características. Pero para poder abordar este asunto tenemos que comenzar observando cuáles son las partes de una letra, de modo que conozcamos varios conceptos relacionados con el mundo de las tipografías.

Este artículo del Curso práctico de diseño web está dividido en grandes bloques que te ayudarán a acompañar el contenido. Primero hablaremos de las partes de una fuente, para aclarar esos conceptos básicos, luego sobre las familias tipográficas y por último nos centraremos en las principales familias que encontramos en todo sistema informático las fuentes con "serifa" y sin "serifa".

Es un tema apasionante que seguro que te interesará, puesto que hoy un alto porcentaje de las decisiones a nivel de diseño se centran en la elección correcta de las tipografías. Es una realidad que habrás observado en todas las grandes empresas que tienen un espectacular diseño web, donde se trabaja de manera muy detallista con las tipografías.

Las partes de una letra

Se da el nombre de letras (del latín littera) al conjunto de los gráficos usados para representar un lenguaje. Sus equivalente en tipografía e imprenta son tipo (del latín typus, del griego typos, modelo o carácter grabado), que define a los signos que se emplean para la ejecución de los moldes tipográficos, y carácter (del griego charakter), resultado de la impresión de los tipos.

Tipo de imprenta

Para poder definir con claridad y precisión una letra se distinguen en ella diferentes partes, cuyos nombres son a veces similares a los de la anatomía humana, entre las que podemos destacar las siguientes:

Partes de una letra

Estas son las partes fundamentales de una letra. Si bien no es imprescindible su conocimiento para el uso común de letras y fuentes en diseño gráfico y web, sí que es importante distinguirlas en el caso de tener que crear una familias tipográficas especiales para un trabajo determinado, ya que van a definir las características comunes que deben reunir las letras de la misma para mantener un estilo propio.

Propiedades comunes en la familia Times New Roman

Familias tipográficas

Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.

Las familias tipográficas también son conocidas con el nombre de familias de fuentes (del francés antiguo fondre, correspondiente en español a derretir o verter, refiriéndose al tipo hecho de metal fundido). Una fuente puede ser metal, película fotográfica, o medio electrónico.

Existen multitud de familias tipográficas. Algunas de ellas tienen más de quinientos años, otras surgieron en la gran explosión creativa de los siglos XIX y XX, otras son el resultado de la aplicación de los ordenadores a la imprenta y al diseño gráfico digital y otras han sido creadas explícitamente para su presentación en la pantalla de los monitores, impulsadas en gran parte por la web.

Unas y otras conviven y son usadas sin establecer diferencias de tiempo, por lo que es necesario establecer una clasificación que nos permita agrupar aquellas fuentes que tienen características similares.

Son muchos los intentos por lograr agrupar las formas tipográficas en conjuntos que reúnan ciertas condiciones de igualdad. Generalmente están basados en la fecha de creación, en sus orígenes dentro de las vertientes artísticas por las que fueron influenciadas o en criterios morfológicos.

Los sistemas de clasificación de fuentes más aceptados son:

Clasificación de Maximilien Vox (1954)

Divide las familias en:

Clasificación de Robert Bringhurst

Divide las fuentes en: Clasificaciones ATypI

La ATYPI (Asociación Tipográfica Internacional, http://www.atypi.org/), con objeto de establecer una clasificación general de las familias tipográficas, realizó en 1964 una adaptación de la clasificación de Maximilien Vox, conocida comoVOX-ATypI.

Clasificación VOX-ATypI

Esta clasificación está relacionada también con la evolución de las familias tipográficas a lo largo de la historia, aunque modifica ciertos elementos de la clasificación de VOX..

Evolución de los remates en los carcteres

Otra clasificación de fuentes de la ATypI, evolución de la anterior, es la basada en la agrupación de fuentes por características comunes, normalizada con el nombre DIN 16518.

Divide las familias tipográficas en los siguientes grupos:

Clasificación DIN 16518

Romanas

Formado por fuentes que muestran influencias de la escritura manual, en concreto de la caligrafía humanista del s. XV, y también de la tradición lapidaria romana, donde los pies de las letras se tallaban para evitar que la piedra saltase en los ángulos.

Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de legibilidad.

Fuentes Romanas

Las Romanas se dividen cinco grupos fundamentales: Palo Seco

Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo.

Fuentes Palo Seco

También denominadas Góticas, Egipcias, Sans Serif o Grotescas, de dividen en dos grupos principales: Rotuladas

Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador.

Fuentes Rotuladas

Existen tres grupos principales de fuentes rotuladas: Decorativas

Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.

Fuentes Decorativas

Existen numerosas variaciones, pero podemos distinguir dos grupos principales: Variantes de una familia

Dentro de cada familia, las variables tipográficas permiten obtener diferentes soluciones de color y ritmo. Las variables constituyen alfabetos alternativos dentro de la misma familia, manteniendo un criterio de diseño que las "emparenta" entre sí.

Variantes de la fuente Helvetica

Las variaciones de una fuente se obtienen modificando propiedades como: Algunas familias poseen muchas variaciones, otras sólo unas pocas o ninguna, y cada variación tiene un uso y una tradición, que debemos reconocer y respetar.

Fuentes Serif y fuentes Sans Serif

Una clasificación de las familias de fuentes mucho más general que la DIN 16518-AtypI, pero muy utilizada en medios digitales, es la que divide las familias tipográficas en Serif y Sans Serif.

Las fuentes serif o serifas tienen origen en el pasado, cuando las letras se cincelaban en bloques de piedra, pero resultaba difícil asegurar que los bordes de las letras fueran rectos, por lo que el tallador desarrolló una técnica que consistía en destacar las líneas cruzadas para el acabado de casi todas las letras, por lo que las letras presentaban en sus extremos unos remates muy característicos, conocidos con el nombre de serif.

Fuente Serif

Otra particularidad común de las fuentes serif, derivada del hecho de que las tipografías romanas se basaban en círculos perfectos y formas lineales equilibradas, es que las letras redondas como la o, c, p, b, etc, tienen que ser un poco más grandes porque opticamente parecen más pequeñas cuando se agrupan en una palabra junto a otras formas de letras.

El grosor de las líneas de las fuentes serif modernas también tiene su origen en la historia. Las primeras se realizaron a mano implementando un cálamo, permitiendo la punta plana de la pluma distintos grosores de trazado. Esta característica se ha conservado por la belleza y estilo natural que aporta a las letras.

Las fuentes serif incluyen todas las romanas. Son muy apropiadas para la lectura seguida de largos textos, ya que los trazos finos y los remates ayudan al ojo a fijar y seguir una línea en un conjunto de texto, facilitando la lectura rápida y evitando la monotonía.

Como ejemplos de fuentes serif podemos citar Book Antiqua, Bookman Old Style, Courier, Courier New, Century Schoolbook, Garamond, Georgia, MS Serif, New York, Times, Times New Roman y Palatino.

Las fuentes sans serif o etruscas hacen su aparición en Inglaterra durante los años 1820 a 1830. No tienen remates en sus extremos (sin serif), entre sus trazos gruesos y delgados no existe apenas contraste, sus vértices son rectos y sus trazos uniformes, opticamente ajustados en sus empalmes. Representan la forma natural de una letra que ha sido realizada por alguien que escribe con otra herramienta que no sea un lápiz o un pincel.

Fuente Sans Serif

Asociados desde su inicio a la tipografía comercial, su legibilidad y durabilidad los hacían perfectos para impresiones de etiquetas, embalajes, envolturas y demás propósitos comerciales. Aunque este uso motivó que fueran despreciados por aquellos que se preocupaban por los tipos bellos y la impresión de calidad.

Poco a poco las fuentes sans serif fueron ganando terreno a las serif. Una de las razones de su triunfo fue que los modernos métodos mecánicos de fabricación de los tipos estaban especialmente bien adaptados para este particular estilo de letra. Otro, que la ausencia de remates y sus trazos finos las hacían muy apropiadas para letras grandes usadas en unas pocas palabras para ser vistas a una cierta distancia, como es el caso de rótulos, carteles, etc., elementos de comunicación cada vez más en auge.

Las fuentes sans serif incluyen todas las Palo Seco, resultando especialmente indicadas para su visualización en la pantalla de un ordenador, resultando muy legibles a pequeños tamaños y bellas y limpias a tamaños grandes. Sin embargo, no están aconsejadas para textos largos, ya que resultan monótonas y difíciles de seguir.

Entre las fuentes sans serif se encuentran Arial, Arial Narrow, Arial Rounded MT Bold, Century Gothic, Chicago, Helvetica, Geneva, Impact, Monaco, MS Sans Serif, Tahoma, Trebuchet MS y Verdana.

Luciano Moreno

Consultor, diseñador y desarrollador web en ParaRedeBJS. Especialista en usabill...

Manual