Inicio

1. Texto

Índice

1.1. Funciones didácticas del texto

1.1.1. Rec ursos didác tic os textuales

1.2. Fundamentos de tipografía

1.2.1. Anatomía de las letras

1.2.2. Medidas de las letras

1.2.3. Familias tipográfic as

1.2.4. Variac iones de las tipografías

1.3. Composición tipográfica

1.3.1. Espac iado entre letras y palabras

1.3.2. Anc ho de las líneas de texto

1.3.3. Interlineado

1.3.4. Alineac ión

1.3.5. Diseño de estilos tipográfic os

1.4. Legibilidad

1.4.1. La legibilidad tipográfic a

1.4.2. La legibilidad de números

1.4.3. Usos de las variac iones tipográfic as

1.4.4. La legibilidad lingüístic a

1.5. Factores técnicos

1.5.1. Los arc hivos de tipografía

1.5.2. Formatos de arc hivos tipográfic os

1.5.3. Fuentes de sistema

1.5.4. Uso de tipografías en editores web

1
 1.5.5. Estilos en c asc ada (CSS)

Conclusión

Referencias bibliográficas

Introducción

El texto es uno de los princ ipales medios de un material didác tic o multimedia: c on él exponemos los
c ontenidos esc ritos en distintos estilos de párrafos, títulos de distintas jerarquías, notas
c omplementarias, c itas, referenc ias bibliográfic as, epígrafes; y c omo princ ipal diferenc ia c on los
soportes analógic os, en un MDM el texto puede alterar la lec tura lineal si se lo utiliza c omo
hipertextos que permiten c rear sec uenc ias de lec tura multilineal.

En la primera sec c ión de esta c lase observaremos las potenc ialidades instruc c ionales del texto y la
func ión de los recursos didácticos textuales.

Habitualmente c onc ebimos al texto desde una dimensión lingüístic a, olvidando su c arác ter tipográfic o,
por eso en las dos sec c iones siguientes nos detendremos en la importanc ia de la aparienc ia visual de
los mensajes esc ritos. Estas partic ularidades gráfic as posibilitan que los c ontenidos textuales resulten
más c laros y expresivos: hablamos de fundamentos de tipografía y de c omposic ión tipográfic a. Por
último, nos c entraremos en las c arac terístic as que favorec en o dific ultan a la legibilidad y en los
fac tores téc nic os implic ados en el diseño c on tipografías.

Mapa conceptual 

Para ampliar

2
 Siempre que hablemos de tipografías en este seminario, nos estaremos
refiriendo a la última de sus fases de evolución: la tipografía digital. Es
importante recordar que existe una fascinante historia previa que por motivos
de extensión temporal no podemos abarcar entre los objetivos del curso.

Recomendamos acceder a los ensayos que se publican en el apartado de

“Historia” del sitio <www.unostiposduros.com/> para profundizar en esos
contenidos. El a ntig uo lo g o tip o d e
XER O X d a b a cue nta d e
la e vo lució n d e la
tip o g ra fía a na ló g ica a
fo rm a to s d ig ita le s .
Fuente:
<www.x e ro x .co m />.

Evolución tipográfica de la letra "A"

Fra g m e nto d e una p ub licid a d d e la revista Tipográfica e n la q ue s e d e m ue s tra la e vo lució n

g rá fica d e la le tra "A".
1) P icto g ra m a e g ip cio (b ue y), 2) id e o g ra m a fe nicio (a le p h), 3) ca ra cte re s tip o g rá fico s d e
im p re nta y 4) tip o g ra fía d ig ita l.
Fuente: re vis ta Zo o -iló g ico Nro . 4, 1994.

Objetivos

Los objetivos teóricos de esta unidad son:

Identificar las funciones didácticas del texto escrito. 

Conocer las características comunicacionales y tecnológicas del texto.
Adoptar criterios de estilo y composición tipográfica que favorezcan la elocuencia y expresividad del
texto.
Considerar algunas nociones básicas de diseño tipográfico para mejorar la legibilidad.
Conocer los factores técnicos elementales de la tipografía: formatos de archivos tipográficos,
fuentes de sistema y estilos en cascada (CSS).

Además, las actividades prácticas tienen por finalidad:

Seleccionar el texto de base para la realización de una demo de hipermedia didáctico.

Diseñar los estilos tipográficos de esos contenidos.  
Establecer una comunicación fluida entre los integrantes de cada equipo de trabajo como clave
fundamental para llevar adelante un proyecto colaborativo y multidisciplinar de edición multimedia.

1.1. Funciones didácticas del texto

3
Conoc er las potenc ialidades didác tic as de los distintos medios nos
ayuda a selec c ionar los más adec uados para plasmar los objetivos de
un material didác tic o, c ontemplando entre ellos diversas posibilidades
de integrac ión y c omplementariedad. Utilizarlos adec uadamente
favorec e el aprendizaje signific ativo.

La utilizac ión efic az del texto esc rito en un MDM depende del tipo de
contenidos y, princ ipalmente, de sus destinatarios. Está ausente en
el nivel pre-esc olar, c uando aún no se desarrollaron habilidades
lec toras, y es quizá el únic o medio impresc indible en materiales
destinados a educ ac ión superior, en los que un gran porc entaje de los Fuente: Fo to g ra fía d e p o rta d a
d e Sa m p e d ro , Jo s é Luis y
c onc eptos se expresan c on este medio. C he m a Ma d o z. (2015). La vid a
p e re nne . Ed ito ria l P la za &
Ja né s , Ba rce lo na , Es p a ña .
Sintetizando las ventajas instruccionales del texto, desc riptas en
A.M. 2009, podemos menc ionar que:

Rec urrimos al texto c omo herramienta fundamental de razonamiento, conocimiento y

abstracción.
El lenguaje verbal nos permite disminuir la ambigüedad de los mensajes y la divergenc ia en
las interpretac iones.
Provee al material didác tic o de exactitud en las definic iones y de enfatización en los
c onc eptos.
Permite buena secuencialidad y al mismo tiempo, una navegac ión más ágil por la estruc tura
de c ontenidos.
Se c arac teriza por ser transportable y por su accesibilidad. Es el medio más económico y
sencillo de desarrollar, y el que requiere menos recursos de hardware para su reproduc c ión,
lo que lo c onvierte en un medio veloz y “liviano”.

Y respec to a sus desventajas:

El texto requiere más tiempo para descifrar el contenido que si lo expusiéramos c on otros
medios, por ejemplo c on imágenes o audiovisuales.
No permite la concreción de determinados matic es de los c ontenidos tales c omo las
desc ripc iones de formas, c omparac iones de magnitudes, volúmenes, jerarquías, o sec uenc ias de
los proc esos, por menc ionar algunos c asos.
Existe aún muc ha resistenc ia de parte de los usuarios a leer directamente desde la pantalla.

También menc ionábamos que para reduc ir este último efec to indeseado, se realiza un procesamiento
didáctico del texto que se aplic a a c arac terístic as gráficas y lingüísticas, para que su lec tura
resulte más c lara y senc illa, mediante una estruc turac ión lógic a y c onsistente.

El tratamiento lingüístico inc luye c onsiderac iones referentes al estilo, al tipo de lenguaje, y a la
integrac ión c on otros medios que reduc en c onsiderablemente su extensión. Además de sus func iones
didác tic as exc lusivas, en los hipermedias destinados a educ ac ión superior el texto tiene un rol
preponderante c omo elemento vertebrador de la integración con los demás lenguajes: la
polisemia de los c ontenidos visuales requiere añadirle informac ión adic ional que ayude a c onstruir un
signific ado c omún sobre una ilustrac ión determinada: si la informac ión visual no se verbaliza de algún
modo, es difíc il que se pueda c onvertir en aprendizaje.

Analic emos las c arac terístic as textuales rec omendadas para c ontenidos didác tic os:

Cita

4
 "Texto principal: es el flujo de texto que desarrolla buena parte de los contenidos y articula los demás
componentes de la clase, generalmente se trata de un tipo de texto expositivo-explicativo o argumentativo.
Algunas recomendaciones estilísticas generales son: una exposición clara y atenta a la secuencia lógica que
requiera el desarrollo de los contenidos, el uso de un nivel de lengua formal y un registro académico. Cabe
destacarse que además de los contenidos específicos de un curso de posgrado, los estudiantes van
adquiriendo el lenguaje y la lógica de la disciplina a través de las clases y las actividades que realizan. Por
eso las clases representan un referente modélico en cuanto al uso de los conceptos y las situaciones en las
que se utilizan ciertos términos o determinado marco conceptual para pensar un caso o una situación
determinada. En este sentido, si las actividades están bien diseñadas, podrán brindar a los estudiantes
buenas oportunidades para poner en práctica tanto el lenguaje como la lógica disciplinar en cuestión."

Ger gich, Imper ator e y Schneider (2009).

1.1.1. Recursos didácticos textuales

Además del texto princ ipal de c ontenidos, en la c reac ión de materiales educ ativos se suele apelar a
otras func iones textuales: la de los recursos didácticos y/o metodológicos.

Son indic ac iones que interc alan el tono c arac terístic o del flujo de texto princ ipal, c on párrafos breves
que se diferenc ian por un tono, intenc ión y estilo de diseño alternativo.

Leer con atención

Desde el punto de vista instruccional, los recursos didácticos y/o metodológicos adquieren especial

relevancia como elementos de motivación y como facilitadores del aprendizaje: destacan cierta
información, invitan a la reflexión, o proponen actividades, sugerencias, recursos complementarios,
bibliografía, etcétera.

Este recuadro que invita a "Leer con Atención" es un ejemplo de recurso didáctico intercalado entre los
párrafos de contenido.

Como elementos de diseño, se diferenc ian del estilo del texto princ ipal mediante el empleo de otra
tipografía y/o un c olor alternativo, o el uso de otras variac iones de fuentes, por ejemplo.

Estos párrafos espec iales se destac an usualmente c on separadores, líneas o aparec en delimitados
dentro de un rec uadro c ontenedor. Pueden estar señalizados mediante íc onos y se sugiere aportar un
título que defina su func ión didác tic a.

Estas diferenc iac iones respec to del estilo del texto princ ipal de c ontenidos persigue un objetivo
comunicacional muy c onc reto: alternar el flujo de la lec tura de exposic iones teóric as c on otros
tonos del disc urso. En el diseño web esos tonos se distinguen alternando rec ursos visuales y
tipográfic os que:

c onvoc an la atenc ión,

evitan el aburrimiento y el c ansanc io que produc e la lec tura del texto plano y lineal,
produc en un ritmo de lectura variado y atrac tivo que optimiza la efic ac ia de la comunicación
didáctica.

5
 Lectura obligatoria

Gergich, Marina; Imperatore, Adriana y Débora Schneider. (2009). "Sección 3.1. Recursos didácticos", en:
Gergich et ál., Guía para Clases de Posgrado, pp. 3-9. Secretaría de Posgrado, Universidad Nacional de
Quilmes. Bernal.

Actividad 4

Selección del texto de base para crear una unidad o demo de material didáctico multimedia (MDM)

1.2. Fundamentos de tipografía

“La tipografía convie rte al le nguaje e n un arte facto visible y tangible , e sto se logra e n su doble propie dad de
connotación y de notación.”
C ruz Esparza Gonzále z, 2007.

La tipografía es la materia visual del texto. Esta c ienc ia se dedic a al estudio de los
elementos gráfic os que utilizamos para representar a las letras y demás signos que empleamos en el
lenguaje esc rito. Las distintas tipografías c onfieren un espec ial c arác ter -y no sólo sus c arac teres- al
mensaje que transmitimos c on ellas, c omo puede observarse en la siguiente personific ac ión de
famosas tipografías en un debate para dec idir si ac eptan a la inefable Zapf Dingbats c omo una fuente
legítima:

Font Conference

Fuente: <www.yo utub e .co m />

6
 Para reflexionar

A lo largo de esta sección notaremos que esta "personificación" no es una metáfora casual: el glosario
tipográfico está repleto de palabras que comparan a las partes de las tipografías con miembros anatómicos
de la figura humana: cuellos, brazos, colas, lóbulos, ojos, uñas ¡y hasta lágrimas! También encontraremos
que las letras tienen un “cuerpo” definido por la zona fisonómica.

Le tra "A" d ib uja d a co n fig ura s a ntro p o m o rfa s . Va ria ció n d e l lo g o tip o d e la re vis ta d ig ita l W a llp a p e r
e n s u e d ició n d e julio d e 2009.

No is my type (1999)

Anim a ció n d e fo rm a s hum a na s re a liz a d a s co n ca ra cte re s tip o g rá fico s . Ex hib id a e n e l Fla s h Film
Fe s tiva l d e 2003 (a ctua lm e nte off-line).
Fuente: <www.b e rlinfla s hfilm fe s tiva l.co m />. C lic s o b re la im a g e n p a ra re p ro d ucir la a nim a ció n.

Cita

"...muchas veces en la escuela pude ver sobre hojas de carpeta unos carteles que las alumnas hacían por
aburrimiento o por simple disfrute. Sus propios nombres, el de su compañera de banco o el de sus novios
potenciales aparecían escritos en unas letras mullidas y regordetas, casi globos turgentes que, solapándose

7
 unas con otras mostraban solo lo suficiente para reconocer de cuál se trataba,
exhibiendo una combinación de indefinido erotismo en el roce de sus cuerpos
y la estética naïf como la de hellow kitty o sarah kay, puros mofletes que
inclinan solo para acercarnos a unas flores en el jardincito de cuentos
infantiles o para dar el mítico primer beso, poderosamente oculto bajo los
frunces de una capelina del siglo diecinueve. Es posible también que a esas
mismas letras las pintasen con un tramado a cuadros de distintos colores. Y No m b re s d e co ra d o s .
entonces se convertían en una serie de almohadones hechos con retazos, un Fuente:
<www.p inte re s t.co m />
patchwork como el de esos arlequines que se cuelgan junto a una repisa. En
determinadas circunstancias pueden brotarles antenitas, colas de gato, orejas
de oso. Una vez mis hijas me mostraron unas que habían adquirido rostro. Dibujaron dos ojitos y entre
medio la J descendía como una nariz ganchuda, la O, la D y otras similares encerraban caritas sorprendidas,
completamente felices. Todas las nenas llegan de un modo intuitivo a las mismas hipótesis de Barthes, se
niegan a aceptar que la letra sea la mera transcripción insignficante del sonido..."

(Ortiz, 2013).

1.2.1. Anatomía de las letras

Cada arc hivo de tipografía (sinónimo de fuente o font) es un c onjunto de letras, números y signos
(también llamados caracteres o tipos).

Cada letra tiene una determinada estruc tura.

Estructura de las letras

La e s tructura o co nfig ura ció n d e ca d a le tra e s lo q ue p e rm ite d is ting uirla d e la s d e m á s . La

im a g e n m ue s tra la s g uía s s o b re la s q ue s e p o s icio na n la s p a rte s fund a m e nta le s d e lo s
ca ra cte re s .

Zona fisonómica

8
 La p o rció n s up e rio r d e ca d a le tra , ta m b ié n lla m a d a zona fisonómica, e s la p a rte m á s
ca ra cte rís tica , p rincip a lm e nte e n la s m inús cula s ya q ue tie ne n una e s tructura m á s re co no cib le
q ue la s m a yús cula s .
Fuente: g rá fico s re a liza d o s co n b a s e e n <e s .wik ip e d ia .o rg />.

Recursos web

Type Terms es una aplicación interactiva para aprender los conceptos básicos de la terminología
tipográfica.

Disponible en <www.supr emo.co.uk/>.

1.2.2. Medidas de las letras

Usualmente el tamaño de las fuentes (font-size) se mide a partir de la altura del carácter: la
unidad de medida más frec uente para designar la altura es el punto (Pt).

1 punto equivale a 0,3527 mm o, lo que es lo mismo, 1/72 de pulgada.

En diseño digital también se suele medir la altura por la c antidad de píxeles (Px). Otra forma de medir
los c arac teres es por su ancho; en ese c aso se mide en picas.

1 pica equivale a 1/6 pulgada.

Otra unidad que se utiliza c ada vez más en diseño web es el em; se trata de un sistema de medida
proc edente de los tiempos en que la imprenta utilizaba c arac teres de plomo:

1 em es el ancho de la letra "m" de una determinada tipografía.

Las últimas espec ific ac iones para estilos en c asc ada (CSS) retoman esta unidad de medida y

9
rec omiendan utilizarla en lugar de usar puntos o píxeles: al tratarse de una unidad relativa, se
adapta mejor a las distintas resoluc iones de pantalla.

Uso de la unidad em

Eje m p lo d e ta m a ño d e le tra d e finid o co n la unidad relativa em.

Fuente: <lib ro s we b .e s />

Para ampliar

Unidades de medida utilizadas en hojas de estilos en cascada

Para conocer más acerca de las unidades de medida utilizadas en CSS y sus características:

<librosweb.es/>.

<www.elwebmaster.com/>.

Recursos web

Em calculator es una aplicación web que convierte el tamaño dado en píxeles a unidades em:

<vasilis.nl/>.

1.2.3. Familias tipográficas

La mayoría de las tipografías existentes se agrupan en alguna de estas dos grandes c ategorías:

1. Romanas (c on serif)

10
 2. Palo seco (o sin serif).

Y éstas, a su vez, en varios subgrupos.

Para ampliar

Clasificación detallada de las familias tipográficas, disponible en: <desarrolloweb.com/>.

Leer con atención

La serifa (o remate, gracia, serif) es un rasgo con el que se define la terminación de los extremos de los
caracteres.

Las tipografías llamadas de palo seco no tienen serif por lo que se dibujan con trazos más simples.

Fuentes con y sin serif

Fue nte : g rá fico s re a liz a d o s co n b a s e e n <www.fo to no s tra .co m />.

Además de las fuentes de palo sec o y las romanas, existe otra

variedad de tipografías exc luidas de esta c lasific ac ión general:
se trata de las tipografías de fantasía u ornamentales. T ip o g ra fía o rna m e nta l e s p e cia lm e nte
Generalmente se las omite en c ualquier análisis por tratarse de d is e ña d a p a ra la g rá fica d e una ca nció n
d e Bjö rk .
fuentes c on aplic ac iones muy partic ulares y ac otadas. Fuente: <www.b jo rk .co m />.

11
1.2.4. Variaciones de las tipografías

Cada familia tipográfic a dispone generalmente de tres variac iones

básic as sobre el tipo regular:

itálic a (o italic , c ursiva, bastardilla)

negrita (también llamada bold, strong)
negrita itálica (o bold-italic)

Pero existen infinidad de variac iones: c ada grupo tipográfic o puede

c onformarse de varios arc hivos de la misma fuente, pero c on alguna
variac ión que la distinga levemente de sus “parientes”: las variac iones
se obtienen modific ando el tamaño de la c aja de texto, el grosor del
trazo, la inc linac ión del eje vertic al, la terminac ión de los remates o la Va ria cio ne s d e la fue nte
La vig ne Dis p la y. Dis e ño
c ombinac ión de algunas de estas posibilidades.
tip o g rá fico : R a m iro Es p ino z a .
C lic e n la im a g e n p a ra
Una variac ión espec ial son las versales: todas las letras están en la a m p lia rla e n una ve nta na
a p a rte .
caja alta y la capital se distingue c on un tamaño algo mayor. Esta Fuente: <www.re -typ e .co m />.
variac ión se utiliza habitualmente en los apellidos de las referenc ias
bibliográfic as, en los números romanos, en las siglas y en c ualquier c aso
donde pretenda evitarse la uniformidad de las mayúsc ulas.

También existen versalitas o small c apitals: son c arac teres c on la figura de las mayúsculas pero
del tamaño de las minúsculas (en c aja baja). Esta c lase de mayúsc ulas dan un efec to muy ‘ligero’
ya que tienen menor densidad que las mayúsc ulas c omunes. Ambas variac iones tienen aplic ac ión en
soportes impresos; en c ambio son desac onsejadas para la lec tura en pantalla porque reduc en
c onsiderablemente la legibilidad.

Diferencia entre versales y versalitas

La s ve rs a le s s e d is p o ne n e n la ca ja a lta y la s ve rs a lita s e n la ca ja b a ja .

1.3. Composición tipográfica

Leer con atención

La composición tipográfica es el resultado de ajustar una serie de parámetros entre letras, palabras, líneas,
párrafos, alineación, etc. con el fin de optimizar la legibilidad del texto.

12
 Combinar estos parámetros nos permite diseñar estilos de texto con los que modular los distintos
contenidos escritos.

Los parámetros que intervienen en la c omposic ión tipográfic a son, entre otros:

Espac iado entre letras y palabras

Anc ho de las líneas de texto
Interlineado
Alineac ión

P o rta d a d e l lib ro "P e ns a r co n tip o s " d e Elle n Lup to n. El d is e ño e x p e rim e nta co n d is tinto s
p a rá m e tro s d e la co m p o s ició n tip o g rá fica p a ra ilus tra r e s a te m á tica . Fue nte :
<www.uno s tip o s d uro s .co m />.

1.3.1. Espaciado entre letras y palabras

Espaciado entre letras (o pitch):

El espac io entre c arac teres de texto puede ser fijo (fixed pitch): por ejemplo, la letra m y la letra l
tienen el mismo anc ho de c aja, o proporcional: c ada c arác ter tiene un espac io lateral ac orde a su
medida, que es el resultado de aplic ar c iertos algoritmos porc entuales.

Ejemplos:

Espaciado fijo

Espaciado proporcional

Cuando una fuente usa espac iado proporc ional, dispone de mic ro-ajustes para c asos espec iales que
afec tan sólo a c iertos pares de c arac teres: por ejemplo c uando se produc e la unión de los c arac teres
AV.

Al ajuste visual de ese espac io lateral, sólo para determinados pares de c arac teres, se denomina
kerning y permite mejorar la fluidez del texto c uando las c ombinac iones de dos letras se perc iben
muy próximas o separadas y requieren una separac ión proporc ional diferente de la aplic ada al resto de
los c arac teres.

Ajustes de kerning

13
 Fuente: <www.te x nia .co m />.

Recursos web

KernType es un ejercicio de autoevaluación que consiste en corregir el ajuste entre caracteres para
mejorar la distribución del espacio que los separa. El objetivo es obtener un texto de apariencia más
agradable y facilitar la lectura.

Su solución será comparada con la de un tipógrafo, y obtendrá una puntuación mayor o menor, dependiendo
de la proximidad con la posición óptima.

Para comenzar, deslice horizontalmente la letra seleccionada o muévala con las flechas izquierda o derecha
del teclado.

P a nta lla d e inicio d e KernType, d is p o nib le e n: <typ e .m e tho d .a c/>.

Espacio entre palabras (word-spacing)

Leer con atención

Las palabras son la menor unidad de significación de un texto: si no se distingue esta unidad por ubicarse
demasiado cercana a las palabras contiguas, perdemos legibilidad. De igual modo, si las palabras están muy
alejadas entre si, debemos realizar un esfuerzo visual para superar esa discontinuidad.

El espacio entre palabras debiera ser constante. En el arc hivo tipográfic o, la separac ión que
introduc e la barra espac iadora es también un carácter que dispone de un anc ho espec ífic o aunque
no tenga una figura visible. Algunos editores de texto modific an el anc ho de este espac iado c uando

14
se justific a o c entra la alineac ión del texto, c reando resultados visuales que dific ultan la legibilidad, ya
que alteran esa homogeneidad.

1.3.2. Ancho de las líneas de texto

La longitud de las líneas de texto influye en la prac tic idad y c alidad de lec tura, afec tando la
c omprensión lec tora.

Las líneas demasiado largas hac en muy difíc il la lec tura: el movimiento oc ular debe realizar un salto de
mayor longitud entre un renglón y el siguiente. Según pudo establec erse en varios test de
seguimiento de ojos (eye-traking) la imprec isión de fijar el punto de vista en el renglón c orrec to
retarda la c ontinuidad de lec tura y altera la atenc ión del lec tor.

¿Pero son más legibles las líneas demasiado angostas? Si interrumpen el ritmo del texto y no albergan
al menos una unidad de signific ado por línea, la respuesta es no: se le exige al lec tor rec omponer esas
unidades de sentido y abusamos de su interés por el c ontenido, obligándolo a realizar exc esivos
puntos de fijac ión oc ulares entre una línea y la siguiente. Cuando fuera inevitable c omponer c on
líneas muy estrec has -por c aso los MDM para reproduc tores portátiles o teléfonos móviles- se sugiere
partir las líneas en el c omienzo de sus unidades de significado.

Cita

“Caroline Jarrett provides this example of the importance of meaningful line breaks:

If you are forced

to use very short
line lengths, then
it's worth the effort
to make sure that
each line contains
some meaningful unit.

Much better than the following example:

If you are forced to

use very short line
lengths, then it's
worth the effort to make
sure that each line
contains some meaningful
unit.

Editors have to design content to specific character counts for any kind of small-screen device. Usability
increases with better line breaks. The same principle applies to email: don't let your mail program ‘design’
the line breaks in email newsletters and the like.”

(Jar r ett, C. en Nielsen, J. 2000).

15
La longitud de línea se mide en caracteres por línea (cpl) y varios estudios de legibilidad en pantalla
c oinc iden en sugerir la c antidad promedio de 95 cpl. Otros ac onsejan valores similares pero además
sugieren utilizar 55 cpl c ómo mínimo. En todo c aso c onviene rec ordar que no existe una c ifra ideal, y
dependerá del tipo de fuente utilizada, del interlineado y del tamaño y resoluc ión del soporte.

Patrón de movimiento ocular durante la lectura de un texto

Eje m p lo d e fija cio ne s y m o vim ie nto s s a cá d ico s e n la le ctura d e un te x to . Es te e s e l p a tró n típ ico
d e l m o vim ie nto d e nue s tro s o jo s e n una le ctura .
Fuente: <e s .wik ip e d ia .o rg />

Para ampliar

Este estudio de investigación examinó los efectos de la longitud de línea y su influencia desde tres
criterios claves:

1. la velocidad de lectura
2. la comprensión
3. la satisfacción de usuario

Shaikh, A. (2005). The Effects of Line Length on Reading Online News. Usability News, Vol.7 Issue 2.
Software Usability Research Laboratory (SURL), Wichita State University, Wichita, EE.UU. Disponible en:
<citeseerx.ist.psu.edu/>.

1.3.3. Interlineado

El interlineado (leading) es la distanc ia existente entre líneas de texto (los renglones). Al igual que al
tamaño de fuentes, a esta distanc ia se la mide en distintas unidades, aunque puntos (pt),
porcentajes y em son las más frec uentes.

Efectos del interlineado demasiado reducido:

16
Efectos del interlineado demasiado amplio:

Cita

"Al igual que hemos visto consejos para el espaciado entre las palabras y para obtener una medida de la
línea confortable, también podemos observar ciertas maneras en lo referente al espacio existente entre las
líneas de texto o interlineado.

Aparte de la totalidad de espacio disponible, el interlineado de un texto está condicionado por:

La naturaleza del trabajo

Como antes señalamos el tipo de obra y el destinatario influirán mucho en el interlineado del texto.
Lógicamente un texto de un libro llevará un menor interlineado que el que pueda llevar un impreso efímero
de carácter comercial y otra vez el destinatario del mismo marcará el espacio interlineal utilizado.

El tamaño del tipo

Al mismo tiempo que se incremente el tamaño del tipo utilizado es razonable incrementar el interlineado
proporcionalmente. Como norma general se puede indicar que para tamaños de texto, el interlineado ideal
sería dos veces el tamaño del ojo medio en puntos.

La medida de la línea

17
 En las líneas que exceden de una longitud considerada adecuada (10 a 12 palabras) es preciso aumentar el
espacio entre ellas. Si este no se aumenta se corre el riesgo de que las líneas se “doblen”, esto es, de
volver a leer el inicio de la línea que acabamos de finalizar. Asimismo en líneas especialmente cortas el
espacio interlineal deberá ser menor que el utilizado en medidas normales.

El ojo medio del tipo

Tipos con un ojo medio normal como Bembo, Centaur o Perpetua necesitarán menos espacio entre líneas
que tipos con un ojo medio grande como Plantin.

El diseño del tipo

Los tipos sans-serif, al carecer de los remates de los romanos que ayudan a que el ojo lector siga la línea,
necesitan un poco más de espacio entre líneas así como los tipos modernos como Bodoni.

El peso o color del tipo

Los tipos con un menor peso, que proporcionan un color claro, necesitan un espacio interlineal también
menor que aquellos cuyo “color” es más oscuro." 

(Extr acto del libr o "Finer Points in the spacing & Ar r angement of Type", de Geoffr ey Dowding, Ed. Har tley & Mar ks, 1995. En:
<www.unostiposdur os.com/> ).

1.3.4. Alineación

Leer con atención

La alineación (alignment) es un factor muy importante para mantener una buena legibilidad y es, junto con
la elección de una tipografía específica, el medio que se usa para dotar al texto de un carácter
determinado. Un mismo contenido puede leerse más formal o informal, según la alineación de sus párrafos.

Alineación izquierda:

Los renglones se organizan desde un solo lado: el margen izquierdo y a la derec ha

quedan irregulares. Este efec to visual suele llamarse “desflec ado” o “texto en
bandera”, en la jerga gráfic a.

Proporc iona un carácter fluido, natural, “desac artonado” y es elegido c omúnmente

c omo el modo de alineación más legible; sobretodo si se aplic a en produc c iones
destinadas a la lec tura desde dispositivos móviles, en los que la longitud de los
renglones es ac otada.

Alineación derecha:

Es c onsiderado el modo de alineación menos legible ya que organiza los renglones sólo por la
derec ha: a la izquierda quedan irregulares y el punto de fijac ión oc ular debe enc ontrar su inic io

18
para c ada salto de línea, siempre en un lugar diferente.

Este método de alineac ión puede servir para textos breves, notas, c itas, apostillas;
nunc a para grandes bloques de c ontenido. Su func ión es romper brevemente la rutina
de las alineac iones más c lásic as, dando variac iones al ritmo de la c omposic ión gráfic a.

Alineación centrada:

Los renglones se organizan desde un eje c entral: esta simetría no favorec e una lec tura
fluida y se desac onseja su uso en textos extensos.

En c ambio, es muy efec tiva para atraer la atenc ión de la mirada de un modo muy
direc to, por lo que suele usarse en textos mínimos c omo slogans public itarios, mensajes
de señalétic a y avisos en espac ios públic os.

Alineación justificada:

Las líneas se organizan simétric amente desde ambos lados y los

espac ios entre letras y palabras se ajustan automátic amente: tiene
buena legibilidad siempre que el espac iado se distribuya de la manera
más uniforme posible. No se ac onseja usar el justificado absoluto,
porque obliga a alinear también al último renglón en ambos márgenes.

Es un método de alineac ión válido c uando se usa más de una c olumna y

éstas son estrec has (el c aso paradigmátic o son los diarios y periódic os impresos). Es muy utilizado en
todo tipo de public ac iones, porque da un c arác ter formal, apac ible y neutro al c ontenido.

Otras formas menos frec uentes de alineac ión son:

Alineación asimétrica:

El mensaje se desc ompone en frases lógic as, c ada una c on alineac iones diferentes; o se le da un
matiz más expresivo mediante la ruptura de los patrones organizativos c onvenc ionales.

Alineación de recorrido:

El texto se ajusta al trayec to (visible o no) de una línea irregular o al c ontorno de una imagen.

1.3.5. Diseño de estilos tipográficos

Los estilos tipográfic os son c ada una de las distintas clases de párrafos y palabras que usamos
para diseñar los c ontenidos textuales: ellos diferenc ian las func iones c omunic ativas de c ada tipo de
c ontenido.

Por ejemplo: los títulos de unidades, sec c iones y apartados no tienen la misma jerarquía. Para
distinguirlos podemos aplic arles variac iones en el tamaño y el c olor de la tipografía empleada. Estas
variac iones indic arán al lec tor que se trata de títulos de importanc ia y subordinac ión diferente. Cada
vez que aparezc a un título c on las mismas c arac terístic as tipográfic as que los anteriores, podrá
interpretarlos c omo títulos de la misma jerarquía taxonómic a.

19
 Cita

La tipografía como patrón de lectura

"La tipografía es, en muchos casos, lo que constituye el patrón organizativo de la página.

Lo primero que el lector ve no es el título o los detalles de la página, sino el patrón general. El ojo del lector
rastrea primero la página como si fuera un gráfico, y sólo entonces empieza a examinar sus detalles y
elementos, y pasa a iniciar el proceso de lectura.

Los patrones regulares establecidos mediante páginas bien organizadas, ayudan al lector a localizar
rápidamente la información y aumentan la legibilidad del conjunto.

El abuso de tipografía heterogénea (utilizar, para la misma función, diferentes tipos o variaciones), impide
la observación de un patrón consistente y dificulta al lector la previsión de lo que puede encontrar en cada
momento.

Los estilos tipográficos deben utilizarse con consistencia: primero determinaremos qué tipos y variaciones
asociaremos a cada función y después los aplicaremos siguiendo consistentemente las normas así
establecidas."

(Monjo, A.: 2001)

Cuando diseñamos un MDM debemos relevar c uántos tipos de párrafos y palabras diferentes
nec esitaremos en la “paleta de estilos tipográfic os” de nuestro material. Las diferenc ias de c ada estilo
se logran aplic ando las variables c omentadas en las sec c iones anteriores, por c aso:

Elec c ión de dos o tres tipografías diferentes.

Aplic ac ión de las variac iones de negritas, c ursivas, etc étera.
Párrafos o palabras c on c olores distintos.
Distinc ión de títulos de diferente jerarquía.
Asignac ión de distintos tamaños de fuente, interlineado, longitud de línea, alineac ión, etc étera.

Cada uno de esos estilos expresará su c ontenido de un modo espec ial: el lec tor notará visualmente
esas diferenc ias, interpretándolas c omo distintos tonos del disc urso.

Leer con atención

La importancia de contar con distintos estilos tipográficos reside en la posibilidad de asignarles funciones
comunicativas distinguibles.

Usualmente se exponen las explic ac iones princ ipales c on un estilo de texto formal, pero es importante
c ontar c on estilos alternativos que destaquen en qué momento se abandona el tono enunc iativo, para
introduc ir párrafos espec iales de rec ursos didác tic os, c omentar alguna nota de “c olor” o -por c aso-
hac er un c omentario informal luego de la visualizac ión de un video.

20
 Leer con atención

Es muy importante mantener la continuidad y la coherencia en la aplicación de estilos tipográficos:

aplicaremos el mismo estilo cada vez que se repita la estructura para la que fue creado.

Más ejemplos: este MDM utiliza dos c olores para diferenc iar a los hipervínculos internos de aquellos
que apuntan a direcciones web externas al material didác tic o. Esta diferenc iac ión se mantiene a lo
largo de todas las unidades del MDM, aun en los distintos tamaños y tipos de fuente que pudieran
c arac terizar a los estilos en que se inc luyen los enlac es.

Cita

Contraste visual

"Una buena aplicación tipográfica depende…

del contraste visual entre las fuentes,

del contraste entre los bloques de texto y el espacio vacío que los rodea.

No existe nada que atraiga tanto la mirada del espectador como el contraste y los patrones de composición
distinguibles."

(Monjo, A.: 2001)

Estilo tipográfico y visual

P á g ina s inte rio re s d e l lib ro Am e rica n P ho to g ra p hy 18 q ue e je m p lifica n e l e s tilo tip o g rá fico y vis ua l
d is e ña d o p o r e l d ire cto r d e a rte Jo hn Ko rp ics p a ra la re vis ta a m e rica na Es q uire e ntre lo s a ño s
1999-2005.
Fue nte : <www.e nca ja b a ja .co m />.

Lectura obligatoria

21
 Esparza González, Cruz (2007). “La Interpretación tipográfica”, en: Actas de Diseño, Facultad de Diseño y
Comunicación, Universidad de Palermo, ISSN 1850-2032, disponible en: <fido.palermo.edu/>.

Para ampliar


Presentar
Contraste Tipográfico
(https://prezi.com/ssbqapjtuw2j/) Por M

Q uiro z, Ma rio (2013). C o ntra s te tip o g rá fico . Dis p o nib le e n <p re z i.co m />.

Actividad 5

Diseño de estilos de texto

1.4. Legibilidad

"La le gibilidad e s la facilidad con la que se pue de le e r y com pre nde r un te x to e scrito. La le gibilidad de un te x to e n
particular de pe nde de las caracte rísticas lingüísticas de l conte nido (por e je m plo, la com ple jidad de su vocabulario y
sintax is) y de sus caracte rísticas tipográficas (por e je m plo, e l tam año de fue nte , altura de líne a y la longitud de la
líne a)."
De finición adaptada de <e n.wik ipe dia.org/>.

"Legibilidad" en español se utiliza indistintamente para dos c onc eptos ingleses a los que se les
asigna signific ados distintos:

1. Legibility: se usa para medir el nivel de c laridad c on el que puede leerse un texto grac ias a la
c orrec ta aplic ac ión de estilos y pautas de composición tipográfica. (Elementos viso-
espac iales del texto).

22
 2. Readability: mide el grado de fac ilidad c on el que un texto puede leerse grac ias a la simplic idad
de su estructura lingüística. Entre otros parámetros mide el número y tipo de palabras
utilizadas, las c ombinac iones para formar las frases y párrafos, y los promedios de sílabas por
palabra y de palabras por frase.

Algunos autores traduc en Readability c omo “leibilidad”, “lec turabilidad”, “c omprensibilidad”, o

simplemente "c omprensión". Si nos atenemos a la definic ión que establec e la RAE, legibilidad es: “1. f.
Cualidad de lo que es legible”.

La definic ión no ac lara si tipográfic a y/o lingüístic amente, de modo que en este c urso ac ordaremos
que: la traduc c ión de “legibility” al español signific a “legibilidad tipográfic a”, y “readability” signific a
“legibilidad lingüístic a”.

Con la aparic ión de diversos soportes digitales para la lectura en pantalla, la legibilidad ha ampliado
enormemente su ámbito de investigac ión y se ha c onvertido en uno de los princ ipales requisitos de
ac c esibilidad y de estándares de diseño web.

Recursos web

El Instituto de Accesibilidad de la Universidad de Texas, uno de los referentes más prestigiosos en la

materia, reúne numerosos artículos de investigación y provee una serie de recursos para la diversidad,
la equidad y la discapacidad, con la finalidad de crear una comunidad inclusiva que fomente un
aprendizaje abierto y de apoyo a la enseñanza y al ambiente de trabajo.

1.4.1. La legibilidad tipográfica

El diseño c on tipografías tiene c omo finalidad c rear un texto visualmente legible y esa meta se logra
aplic ando c iertas reglas más o menos c onsensuadas entre los expertos.

Algunas reglas de legibilidad

1. Elegir la tipografía adec uada según el contenido que debamos diseñar y

sus destinatarios: la fuente óptima no será la misma para un públic o
infantil que para uno adulto; para reproduc irse en pantalla o impresa; para
un título ac otado que para párrafos extensos, para redac tar un poema o un
prospec to farmac éutic o, etc étera. Para textos extensos c omo los que
suelen c arac terizar a los materiales de educ ac ión superior, se ac onsejan
fuentes de c arac teres bien proporcionados, regulares y si utiliza serifas,
I m a g e n a m p lia d a d e la s
que éstas tengan remates c lásic os y armoniosos. le tra s “g ” d e 18 p unto s e n
Hasta hac e muy poc o tiempo se rec omendaba el uso de caracteres con tip o g ra fía s Fra nk lin Go thic
Bo o k (s in s e rifa ) y
serifa para soportes impresos. Estos pequeños trazos en las Ga ra m o nd (co n s e rifa ). En
terminac iones de los c arac teres unen visualmente a las letras c ontiguas e l s e g und o ca s o s e
re q uie re n m á s p íx e le s
proporc ionando una c ontinuidad armoniosa, mantienen mejor la distanc ia g ris e s p a ra s im ula r la s
curva s d e fo rm a s y
entre letras y permiten identific ar mejor los detalles de la zona fisonómic a
co ntra fo rm a s .
de los c arac teres que las fuentes de palo sec o, ya que sus signos se
parec en más entre sí y por lo tanto resultan menos legibles.
Lo c ierto es que los resultados de varios estudios rec ientes están demostrando que la diferenc ia de
legibilidad entre fuentes romanas y de palo sec o es mínima, y que en c ada c ategoría hay fuentes de

23
muy buena y muy mala legibilidad. En c ambio, existe mayor c onsenso en afirmar que para la lectura
en pantalla son más efic ientes los caracteres sin serifa: por la simplic idad de sus formas se
adaptan mejor a la estruc tura c uadrada de los píxeles y resultan más veloc es de leer. Las serifas
pierden la fluidez y sutileza de sus trazos debido a la pixelizac ión y hac en más lenta la lec tura.

2. La letra redonda o regular mantiene las formas más abiertas y proporc ionadas y en la mayoría de
los c asos es más legible que todas sus variantes: más que las c ursivas, negritas, versales,
c ondensadas, expandidas, etc étera.

3. Un error frec uente c onsiste en suponer que fac ilitaremos la legibilidad si presentamos el texto c on
mayor tamaño. La altura de la letra es uno de los parámetros más relativos en tipografía, ya que su
efic ac ia está c ondic ionada por otras variantes de c omposic ión tipográfic a, c omo la elec c ión de la
fuente, la separac ión entre sus c arac teres, la longitud de la línea y fundamentalmente, el interlineado
que nunc a deberá ser menor al 120% del tamaño de la fuente.
La armonía entre todos estos fac tores logra una visualizac ión más fluida en la lec tura que se perc ibe
espontáneamente; basta modific ar alguno de esos fac tores para notar la diferenc ia. Por ejemplo, un
párrafo esc rito c on Verdana 12 pero c on poc o interlineado y renglones muy extensos resulta menos
legible que uno esc rito c on Verdana 10 y la interlinea y longitud de renglones apropiadas.

4. No olvidar que la zona fisonómic a de las letras es muc ho más distinguible en los c arac teres en
minúsculas. En las mayúsc ulas todos los c arac teres están alineados a la misma altura: esa
homogeneidad no favorec e la distinc ión de los tipos.

5. Rec ordar la importanc ia de mantener una longitud de línea ac otada entre los 55 y 95 c arac teres
por renglón c omo mínimo y máximo respec tivamente.

6. En párrafos extensos, evitar el uso de fuentes de fantasía y las que son demasiado estilizadas o
irregulares (caligráficas). Al igual que las mayúsc ulas, resultan menos legibles.

7. Usar colores contrastados entre fondo y figura; la mejor legibilidad se produc e c on tipos negros
sobre fondo blanc o.

Para ampliar

Legibilidad y economía en el diseño de tipos, en:

<www.unostiposduros.com/>.

1.4.2. La legibilidad de números

Cuando leemos párrafos no desc iframos sec uenc ialmente letra por letra para unirlas posteriormente en
palabras, sino que rec onoc emos de manera rápida la forma de la mitad superior de un c onjunto de
letras, para interpretar sílabas, palabras c ompletas e inc luso frases breves en un solo golpe de vista.
En c ambio, c uando leemos números, sí leemos una a una c ada c ifra.

Las tipografías de espac iado fijo, en general resultan menos legibles, c on una muy importante
exc epc ión: son muy ac onsejables en aquellos c asos en los que el lec tor debe detener su atenc ión en
c ada uno de los c arac teres: c ifras, fórmulas c ódigo de programac ión, expresiones alfanuméric as,
etc étera.

Uso de espaciado fijo en código de programación

24
 El có d ig o d e p ro g ra m a ció n e n la inte rfa z d e Ad o b e Fla s h s e vis ua liza co n la tip o g ra fía Courier New
co m o fue nte p re d e te rm ina d a . En p ro g ra m a ció n e s fund a m e nta l la individualización de cada uno
de los caracteres p a ra d e te cta r e rro re s e n una s inta x is ta n e s tricta .

1.4.3. Usos de las variaciones tipográficas

A pesar de que la letra regular es más legible que todas sus variantes, muc has vec es nec esitamos
romper c on la monotonía del estilo, o destac ar una palabra de un modo espec ial, y en esos c asos
apelamos a las variac iones:

Cursiva: debido a la idea de dinamismo que proyec tan las formas oblic uas, la c ursiva se suele utilizar
para dar énfasis a una parte de texto o para señalar una c ita, el nombre de una obra o términos en
otros idiomas. Para lec tura en pantalla no c onviene poner párrafos enteros en c ursiva ya que la
inc linac ión oblic ua del eje vertic al y la forma de los remates no se adapta bien a la retíc ula de los
píxeles.

Negrita: establec e puntos de atenc ión en la página, por c onsiguiente logra que el lec tor enc uentre
fác ilmente una palabra o frase espec ial en medio del los párrafos. Aunque en pantalla no presenta las
defic ienc ias de las c ursivas, c onviene utilizar c on ec onomía esta variac ión porque puede saturar la
atenc ión del lec tor.

Negrita cursiva: suma las c arac terístic as de las negritas (llamado de atenc ión) a las de las c ursivas
(idea de dinamismo). Se usa c uando ya se agotaron las diferenc ias de estilos c reados c on c ursivas y
negritas. Por ejemplo, si existen muc hos niveles taxonómic os en los títulos.

VE RSA L E S Y V E RSA L I T A S : se aplic a a formatos espec iales, tales c omo apellidos en bibliografía o siglas.
En soportes impresos mejora el ritmo de lec tura c uando es inevitable el uso de mayúsc ulas. Se
desac onseja su uso para la lec tura en pantalla, espec ialmente en el diseño de páginas web, debido a
que los navegadores no logran una reproduc c ión nítida y legible de esta variac ión.

MAYÚSCULAS: es altamente rec omendable no utilizar las mayúsc ulas para enfatizar bloques de texto
en una página. Resultan poc o legibles e interrumpen el ritmo de lec tura. Suelen usarse en títulos muy
breves o en palabras inc luidas en los gráfic os.

Las mayúsculas no favorecen la legibilidad

25
 La z o na fis o nó m ica d e la s m a yús cula s e s re g ula r: to d o s lo s ca ra cte re s e s tá n a line a d o s a la
m is m a a ltura . Es a ho m o g e ne id a d no fa vo re ce la d is tinció n d e lo s tip o s .
De la ca rta d e l p o e ta Jua n Bo s ca n a la d uq ue s a d e So m a (fra g m e nto ). Alha m b ra d e Gra na d a .

Para ampliar

Recomendaciones de uso de las variaciones tipográficas como elementos que facilitan el barrido visual de
la página web, según Jakob Nielsen.
Disponible en: <acceso.uv.es/>.

1.4.4. La legibilidad lingüística

“El té rm ino 'facilidad de le ctura' ('re adability') se usa prim ariam e nte de ntro de l rango de inve stigación sobre habilidad de
le ctura y e scritura. Se re fie re a la facilidad con la cual un te x to e s e nte ndido por los le ctore s. Fórm ulas de facilidad de
le ctura han sido utilizadas de sde la dé cada de 1930 para m e dir la dificultad de te x tos e n té rm inos cuantitativos. Las
calificacione s de facilidad de le ctura dan inform ación sobre cuántos años de e ducación se ne ce sitan para pode r le e r e l
te x to calificado.”
(De finición de <www.ute x as.e du/>)

Existen fórmulas muy espec ífic as que, tomando en c uenta determinados fac tores establec en la
fac ilidad de lec tura de un texto y los niveles de educ ac ión nec esarios para leerlos.

Fórmulas para medir la legibilidad lingüística

Para texto en inglés:

Flesc h-Kinc aid Grade Level (FK)

26
 Forc ast
Flesc h Reading Ease (FRE) (ha sido adaptada a otros idiomas c omo el holandés, el español y el
franc és)

Para texto en japonés: Readability Formula

Para texto en una variedad de idiomas europeos: LIX

Para texto en español, el software INFLESZ mide los siguientes parámetros:

Sílabas.
Frases.
Promedio sílabas / palabra.
Promedio palabras / frase.
Índic e Flesc h-Szigriszt.
Grado en la Esc ala Inflesz.
Correlac ión Word.
Flesc h-Fernández Huerta

Recursos web

Los programas de software para el análisis de la legibilidad permiten medir la legibilidad lingüística
del texto en distintos idiomas. Por ejemplo, el contenido de este apartado arrojó el valor de 55
Huerta Reading Ease: un valor de legibilidad moderadamente difícil, para un nivel de escolaridad alta
(últimos años de la secundaria).

Aplicación web de informes estadísticos para textos en portugués. Disponible en:

<linguistica.insite.com.br/>.

1.5. Factores técnicos

La herramienta digital de la que disponemos para diseñar c on tipografías son los archivos de
fuentes: algunas tipografías vienen pre-instaladas en el sistema y podemos agregar otras.

Los arc hivos de tipografía se instalan en una c arpeta espec ial del sistema operativo que rec opila
todas las fuentes disponibles. Al ac c eder a ella se ven muc hos arc hivos que indic an el nombre y la
variac ión de las fuentes instaladas.

Carpeta de fuentes

27
 La s ruta s d e d ire cto rio s m á s us ua le s d o nd e e nco ntra r e s to s a rchivo s e n e l s is te m a o p e ra tivo
W ind o ws s o n C :\W INDO W S\Fonts o C :\W INDO W S\Fuentes.

Al c liquear sobre alguno de estos íc onos se puede c onoc er su nombre c ompleto, las propiedades del
arc hivo, una lista de todos los c arac teres disponibles y una frase de demostrac ión que se repite en
distintos tamaños.

Visualización de un archivo tipográfico

P ro p ie d a d e s d e la fue nte Ga ra m o nd C urs iva .

1.5.1. Los archivos de tipografía

Internamente, un arc hivo de tipografía digital es una retíc ula que c ontiene a c ada uno de los
c arac teres (téc nic amente llamados glifos) en c orrespondenc ia c on los c omandos que se generan
desde c ada tec la del tec lado.

28
 Visualización de algunos caracteres de la fuente TradeGothic

C a p tura d e p a nta lla d e un e d ito r d e fue nte s (fra g m e nto ).

Dentro de este arc hivo hay definic iones de varios parámetros para c ada c arác ter: dónde c omienza la
línea de desc endentes y asc endentes, la línea base, si tiene un kerning espec ial para la unión c on
determinados c arac teres, etc étera.

Vista de edición del glifo “arroba”

29
 Recursos web

Programas de software para crear y editar tipografías digitales:

FontLab Studio
Font Creator Program

1.5.2. Formatos de archivos tipográficos

Los formatos de tipografía digital se agrupan y c lasific an por su tec nología en:

PostScript (arc hivos de extensión .pfb o .pss para la tipografía de impresora y

.pfm o .mmm para la de pantalla)
TrueType (arc hivos de extensión .ttf) Íco no d e
OpenType (arc hivos de extensión .otf) a rchivo
P o s tScrip t

PostScript: en esta c lase de fuentes, el arc hivo tipográfic o c ontiene la informac ión
que desc ribe a c ada glifo y la informac ión vec torial que lo dibuja. Administrar fuentes
PostSc ript requiere c ontar c on los dos arc hivos relac ionados: la tipografía de
impresora (arc hivos de extensión .pfb o .pss) y los de pantalla (.pfm o .mmm).
Para reproduc ir un trabajo que utiliza fuentes PostSc ript hay que tener instalados
ambos tipos de arc hivos.

30
Las fuentes TrueType func ionan de manera similar a los arc hivos tipográfic os de Íco no d e
a rchivo
formato PostSc ript a exc epc ión de que integra a los arc hivos de tipografía de T rue T yp e
impresora y los de pantalla en un solo arc hivo y esto origina la nec esidad de
aplic ar algoritmos matemátic os diferentes. Esta c arac terístic a le brinda simplic idad al
usuario pero le agrega c omplejidad y mayor tiempo de c álc ulo a las c omputadoras e
impresoras: en tamaños demasiados pequeños puede presentar problemas de c alidad
de impresión respec to de las fuentes PostSc ript.

OpenType es la evoluc ión de las fuentes TrueType: mejoran la mayoría de sus

Íco no d e
defic ienc ias y puede c ontener a un número mayor de c arac teres disponibles para a rchivo
O p e nT yp e
c ada arc hivo tipográfic o. Esto permite aglutinar todos los signos nec esarios para
distintos idiomas en una sola fuente (en otros formatos se c reaba un arc hivo
tipográfic o para c ada idioma c on signos espec iales). Pero la princ ipal ventaja de este formato es su
c arac terístic a multiplataforma: en una c omputadora de sistema operativo OS-X (Apple Mac intosh) o
Linux podemos abrir un arc hivo editado en Windows, y vic eversa, utilizando el mismo arc hivo de
fuente en los tres sistemas operativos.

Para ampliar

Descripciones detalladas de cada uno de los formatos tipográficos:

PostScript
TrueType
OpenType

En nuestras c omputadoras podemos instalar fuentes de distintos formatos, y utilizarlas

simultáneamente en la edic ión de c ualquier doc umento de texto o de diseño. Lo que se ac onseja es
no disponer de una misma fuente en más de un formato.

Recursos web

Conversor de archivos de fuentes ttf al formato OpenType (otf). Disponible en:

<everythingfonts.com/>.

1.5.3. Fuentes de sistema

Como c omentáramos en el inic io de esta sec c ión, algunas tipografías vienen pre-instaladas c on las
distintas versiones de los sistemas operativos y a otras fuentes las tendremos que instalar a medida
que las nec esitemos.

Recursos web

31
 Algunos sitios desde donde descargar tipografías gratuitas:

* Freepremiumfonts

* Dafont

* Goldenweb

Leer con atención

Es muy importante no instalar archivos de tipografías innecesarias, porque se cargan en la memoria de la

computadora cada vez que la encendemos. Si la memoria RAM disponible es limitada, reducirá
considerablemente el rendimiento del equipo. Conviene visualizarlas en la página web del proveedor o
descargarlas pero sin instalarlas en el sistema operativo hasta que efectivamente decidamos utilizarlas en
algún diseño.

La importanc ia de usar tipografías de sistema multiplataforma reside en su c ompatibilidad c on un

mayor número de usuarios: si esc ribo este texto en MS Word utilizando la tipografía Trade Gothic ,
seguramente tendrá un aspec to más elegante que c on una Verdana o Arial, pero c uando alguien
intente abrirlo en otra c omputadora que no tiene instalada esta fuente, el c ontenido se verá
seriamente afec tado. El editor de texto no podrá rec omponer la aparienc ia de la tipografía ausente y
la reemplazará automátic amente por la que tenga predeterminada.

En el mejor de los c asos, algunos programas de diseño nos alertan que faltan fuentes para mostrar
c orrec tamente nuestro doc umento, pero en otros esta sustituc ión es arbitraria y no podemos prever
la aparienc ia final que tendrá el texto al reproduc irse en otras c omputadoras.

Leer con atención

Actualmente las fuentes multiplataforma son:

Con Serif:

Sin Serif:

Manuscritas o caligráficas:

32
 De espaciado fijo:

Esta compatibilidad es válida para las distintas versiones de Windows con Mac OS y Ubuntu (Linux).

Fuente: McDer mott, Megan (2007)

Para ampliar

Guía completa de fuentes pre-instaladas en Linux, Mac y Windows en sus distintas versiones. La
tabla permite identificar tipografías compartidas entre estos 3 sistemas operativos
(multiplataforma). Disponible en: <www.apaddedcell.com/>.

García Ferrari, T. y Short, C. (2002). Legibilidad y comprensión en la World Wide Web. Facultad de
Arquitectura, Diseño y Urbanismo. Universidad de Buenos Aires. Disponible en: <bigital.com/>.

Leer con atención

Cuando envíe a impresión cualquier documento editable que contenga fuentes diferentes a las de sistema,
recuerde adjuntar todos los archivos tipográficos utilizados, para que el destinatario pueda instalarlas antes
de abrir el documento; de lo contrario esas tipografías serán automáticamente reemplazadas por las fuentes
disponibles, alterando considerablemente la apariencia de los estilos de texto originales.

1.5.4. Uso de tipografías en editores web

La c ompatibilidad entre tipografías de sistema se torna más c rític a aun c uando c reamos textos para
Internet: la imposibilidad de realizar una página distinta para las fuentes disponibles en c ada sistema
operativo, hac e que nos limitemos a un c onjunto muy esc aso de tipografías multiplataforma y
siempre brindando alternativas para que se reemplac en por otras similares en c aso de no c ontar c on
la espec ific ada.

Estas listas indic an en el primer orden a la tipografía definida por el diseñador. Si el sistema no
dispone de la primera, la página web intentará mostrarse c on la segunda en orden de aparic ión y así
suc esivamente.

Conjunto de familias tipográficas similares para la web

33
 Nó te s e q ue e x is te n tre s g rup o s p a ra fue nte s sin serif, d o s g rup o s p a ra fue nte s con serif, y una
fa m ilia p a ra fue nte s d e espaciado fijo. En ning ún g rup o s e m e z cla n la s fue nte s
d e e s ta s ca te g o ría s p a ra g a ra ntiza r q ue la s s us titucio ne s no m o d ifiq ue n d rá s tica m e nte e l e s tilo
tip o g rá fico p re vis to .

1.5.5. Estilos en cascada (CSS)

Cuando diseñamos estilos tipográfic os establec emos determinados parámetros de c omposic ión que
pretendemos aplic ar c on c oherenc ia en todo el sitio web del MDM. Pero en la prác tic a es muy difíc il
c ontrolar que esos estilos se mantengan inalterables en todas las páginas de c ontenido. Para
soluc ionar este inc onveniente se utilizan estilos en cascada (CSS por la sigla en inglés de Casc ading
Style Sheets).

Leer con atención

El principio de funcionamiento de los estilos en cascada consiste en separar el diseño del contenido: por
un lado tenemos el texto sin formato alguno y por otro, las especificaciones para ese tipo de texto.

Por ejemplo, este párrafo no tiene definido ningún atributo de diseño en esta página web, pero está
identificado con el estilo “iDevice_inner” definido en un archivo CSS asociado. Ese archivo CSS
especifica que para el estilo “iDevice_inner” se aplicarán una serie de características visuales y de formato
tipográfico en todo el sitio web del MDM.

Los estilos CSS permiten c onfigurar los atributos del texto para que
se perc iban de un modo muy similar en todos los navegadores y
plataformas.

Pueden existir varios arc hivos de estilos CSS asignados a una misma
página, c ada uno de ellos dedic ado a una func ión determinada, o a
diferentes dispositivos de reproduc c ión.

Los estilos se pueden dec larar dentro del doc umento HTML pero es
ac onsejable hac erlo desde un doc umento externo. Para ello se lis ta d o d e e s tilo s tip o g rá fico s p a ra
lo s título s d e e s te MDM.
genera una hoja de estilos, y se la importa en c ada una de las
páginas web. Esto agiliza notablemente el proc eso de c onfigurac ión
del texto en un sitio web porque si modific amos alguno de los atributos de un estilo, éste se

34
ac tualizará automátic amente en todas las páginas que trabajen c on la misma hoja de estilos, sin
tener que c orregirlos uno por uno.

También se pueden anidar estilos modific ando partic ularmente los atributos de algunas palabras c on
un estilo distinto al que se aplic a al resto del párrafo.

En la figura late ral pode m os obse rvar un listado de los e stilos tipográficos corre spondie nte s a los títulos de l sitio we b de
e ste MDM y e n la im age n siguie nte se ve e l de talle de las propie dade s de claradas para algunos de e sos e stilos e n e l
archivo C SS.

Atributos de estilo de texto declarados en un archivo CSS

Conclusión

"El tipo e s uno de los m e dios de e x pre sión m ás e locue nte s de cada é poca o e stilo. Próx im o a la arquite ctura,
proporciona e l re trato m ás caracte rístico de un pe ríodo y e l te stim onio m ás se ve ro de l nive l inte le ctual de un
país."
Pe te r Be hre ns

35
 Dis e ño tip o g rá fico e n p is o s y ca rte le ría co m e rcia l d e una lib re ría . C a lle O b is p o y Be rna z a , La
Ha b a na Vie ja , C ub a .

Esperamos que esta unidad haya servido para revalorizar el texto desde dos enfoques fundamentales:

1. La condición tipográfica; en tanto que ac ostumbramos a pensar en el texto sólo por su

func ión lingüístic a, y…
2. Su validez como medio, tanto o más expresivo que los gráfic os y audiovisuales a pesar de la
notable preponderanc ia de éstos últimos.

En próximas unidades retomaremos las noc iones relativas a este c ódigo simbólic o, pero ya no desde
sus c arac terístic as intrínsec as, sino para referirnos a él c omo uno de los princ ipales elementos
integradores de los demás medios del lenguaje multimedial.

Variaciones de la frase “The End”

36
 Va ria cio ne s d e la fra s e “T he End ” e n la s p e lícula s p ro d ucid a s p o r W a rne r Bro s d e s d e 1930 ha s ta
la a ctua lid a d . U na co m p ila ció n re a liz a d a p o r e l d is e ña d o r ho la nd é s C hris tia n Annya s .

Referencias bibliográficas

Anatomía de la letra: <e s.wik ipe dia.org/>.

Clases de fuentes:<www.fotonostra.com />.

Curso de Diseño: c omposic ión y tipografía:<www.m ailx m ail.com />.

Dowding, Geoffrey (1995). Finer Points in the spac ing & Arrangement of Type, Hartley & Marks, en:
<www.unostiposduros.com />.

Esparza González, Cruz (2007). “La Interpretac ión tipográfic a”, en: Ac tas de Diseño, Fac ultad de
Diseño y Comunic ac ión, Universidad de Palermo. ISSN 1850-2032, disponible en: <fido.pale rm o.e du/>.

Estilo tipográfic o:<www.e ncajabaja.com />.

Formato em:<libroswe b.e s/>, <www.e lwe bm aste r.com />.

Gergic h, Marina; Imperatore, Adriana y Débora Sc hneider. (2009). "Sec c ión 3.1. Rec ursos didác tic os",
en: Gergic h et ál., Guía para Clases de Posgrado, pp. 3-9. Sec retaría de Posgrado, Universidad
Nac ional de Quilmes. Bernal.

Glosario tipográfic o: <www.fontshop.com />.

Jarrett, Caroline (2000). "Meaningful line breaks" en Nielsen, J. Spotlighted Links From July-Dec ember
2000, disponible en: <www.nngroup.com />.

Legibilidad: <www.unostiposduros.com />, <e n.wik ipe dia.org/>, <dle .rae .e s/>

Legibilidad lingüístic a: <site s.ute x as.e du/>. , <acce sibilidadwe b.dlsi.ua.e s/>.

37
Mc Dermott, Megan (2007) Complete Guide to Pre-Installed Fonts in Linux, Mac , and Windows,
disponible en: <www.apadde dce ll.com />.

Monjo, Antonia (2001), Interfac es para sistemas multimedia, Universitat Oberta de Catalunya – UOC,
Barc elona, España.

Ortiz, M. (2013). Cuadernos de lengua y literatura, volumen 5, "Al pie de la letra". Editorial Eterna
Cadenc ia, Buenos Aires.

Preimpresión en artes Gráfic as: <re cursos.cnice .m e c.e s/>.

Subgrupos de familias tipográfic as: <www.unostiposduros.com />.

Unidades de medida utilizadas en CSS: <www.e lwe bm aste r.com />.

Variac iones de fuentes: <www.te x nia.com />.

Zoo-ilógic o, Nro. 4, (1994) Bahía Blanc a.

Bibliografía de la clase 1

Lectura obligatoria

Esparza González, Cruz. (2007). “La Interpretación tipográfica”, en: Actas de Diseño, Facultad de Diseño y
Comunicación, Universidad de Palermo, ISSN 1850-2032, disponible en: <fido.palermo.edu>.

Gergich, Marina; Imperatore, Adriana y Débora Schneider. (2009). "Sección 3.1. Recursos didácticos", en:
Gergich et ál., Guía para Clases de Posgrado, pp. 3-9. Secretaría de Posgrado, Universidad Nacional de
Quilmes. Bernal.

Lectura recomendada

Ensayos sobre historia de la tipografía, disponibles en:

<www.unostiposduros.com>.

Actividad 4

El trabajo final del c urso c onsistirá en la realizac ión de una unidad demo para un MDM del
tipo hipermedia. Para poder realizar ese trabajo, previamente iremos c ompletando distintas
actividades modulares que tienen por objetivo preparar los medios nec esarios que se integrarán en
ese hipermedia durante la c lase 5.

Selección del texto de base

38
 La primera actividad grupal de este curso consiste en seleccionar un documento que haya sido escrito con
fines didácticos, y que comprenda un tema o unidad de contenido. Con unas 10 páginas de texto de Word
estará bien, luego se agregarán imágenes, pero es muy importante que NO las incluyan todavía).

El documento que seleccionen será el contenido inicial para el hipermedia que diseñarán en la práctica final.
Cuando lo hayan consensuado, adjuntarán el texto de base en un archivo con extensión .doc dentro del foro
de la clase 1.

Que un doc umento tenga una finalidad didáctica signific a que, además de esa intenc ionalidad,
inc orpore:

Secciones típicas de los materiales didác tic os, tal c omo una introduc c ión, objetivos,
c onc lusión, bibliografía, referenc ias, glosario, guías de evaluac ión, etc étera;
Recursos didácticos y/o metodológicos que señalen la presenc ia de párrafos destac ados,
c itas, espac ios para la reflexión o la c onc rec ión de ac tividades, bibliografía princ ipal y
c omplementaria, etc étera.

El texto de base que selec c ionen debe artic ular los c ontenidos c on los rec ursos y la bibliografía, para
favorec er determinadas prác tic as de lec tura y aprendizaje y diferenc iarse así de la estruc tura c lásic a
que c arac teriza a los artíc ulos de divulgac ión c ientífic a y a los c apítulos de libros; pero no tiene que
tener obligatoriamente todos y c ada uno de esos rec ursos didác tic os y sec c iones típic as
menc ionadas. Basta c on que disponga de algunos de estos elementos. Si su doc umento no c ontiene
ningún rec urso didác tic o, podrán aportarlos ustedes durante las prác tic as de la c lase 5.

Leer con atención

Lo que no puede faltar en ningún texto de base es el índice de contenidos: éste es el punto de partida para
el guión didáctico de cualquier hipermedia ya que, si la organización de los temas es coherente, cada título
se corresponderá según su nivel jerárquico con una página de unidad, sección o apartado del sitio web.

Claves para la realización de las actividades prácticas

Sobre la extensión de los contenidos

Durante las prác tic as de edic ión web diseñaremos una demo de una unidad de c ontenido; en esta
instanc ia no importa si no se refleja la totalidad real de la unidad. La extensión del texto de base
rec omendada es de 9 o 10 páginas c omo mínimo y no más de 15 páginas. En todo c aso, que este
valor numéric o no sea el fac tor determinante para dec idirse por un c ontenido u otro; puede ser un
poc o más extenso o más breve, aunque sugiero que si el doc umento se extiende más allá de las 15
páginas de Word, no lo usen entero porque tendrán muc ho más trabajo en las prác tic as finales.

Una alternativa para los grupos que tienen un doc umento original muy extenso es ac otarlo a un grupo
de temas más reduc idos, y c ontinuar el desarrollo del MDM c on los c ontenidos omitidos, luego de
finalizar el c urso. Una de las ventajas de los MDM es su fac ilidad para ac tualizarlos tantas vec es sea

39
nec esario. Aún así, si lo quieren desarrollar en su totalidad, es dec isión de ustedes y no influirá de
ningún modo la c alific ac ión: la evaluación será cualitativa.

Generalidades sobre el trabajo grupal

Uno de los objetivos de esta c lase c onsiste en establec er una comunicación fluida entre los
integrantes de los equipos de trabajo, c omo c lave fundamental para llevar adelante un proyec to de
edic ión c olaborativa. Aunque no está dirigido a nuestro nivel ac adémic o, ni a la enseñanza virtual, en
el siguiente video se exponen varias reflexiones que podrían ayudar a lograr estos propósitos
ac titudinales:

Ed uca rC hile (2013). Ha b ilid a d e s d e l s ig lo XXI - C o la b o ra ció n. Fuente: <www.yo utub e .co m />.

En esta semana es importante que ac uerden entre ustedes c ómo van a instrumentar esa
c omunic ac ión. La idea es evitar que al momento de la integrac ión de medios oc urra esto:

T ra b a jo e n g rup o . Auto r d e s co no cid o . Fue nte : <le ng ua ca s te lla na 7ins tp e ca m .b lo g s p o t.co m .a r>

Leer con atención

40
 Respecto a los documentos de trabajo, en este curso procuramos que no haya grupos separados ni
cerrados. Ustedes pueden elegir a su criterio si trabajarán en privado con GoogleDocs o públicamente
utilizando los foros del campus. Lo importante es que los distintos documentos de entrega de prácticas se
publiquen en los foros de cada clase, para que todos los participantes podamos enriquecernos de las
experiencias de los demás. La idea es que entre todos aprendamos, tanto de nuestros errores como de
nuestros aciertos.

Los invito a ser curiosos y revisar las entregas de otros grupos.

Actividad 5

Una vez que hayan c onsensuado el material didác tic o que utilizarán para experimentar la edic ión web,
realizaremos una ac tividad de diseño tipográfico, c on el objetivo de definir los estilos de texto que
más adelante c arac terizarán al hipermedia. Por este motivo, deben diseñarse pensando en un texto
para ser leído en pantalla.

En esta etapa, el texto de base se c onvierte en un documento de diseño, que se realiza para tener
una referenc ia gráfic a a la hora de editar el sitio web del hipermedia. Su finalidad es que sirva de
patrón para que el c ontenido textual del MDM tenga linealidad y coherencia de estilo entre todas
sus páginas.

Diseño de estilos de texto

Para ello vamos a:

1. Diseñar el estilo para el texto predeterminado: son los párrafos del texto principal, ése que explica
el contenido. Probablemente en sus documentos existan otros estilos alternativos. Por ejemplo, hay
epígrafes que tienen un tamaño diferente al del texto principal, o los recursos metodológicos utilizan
una tipografía distinta.
2. Consignar las variaciones tipográficas que identifican a cada estilo de texto previsto. Esto significa
declarar sus características y variantes de composición: qué tipografía utiliza, el tamaño de la
fuente, con qué alineación se diseñan, el color empleado, etcétera.
3. Definir el índice de contenidos y la jerarquía de títulos, para detectar cuantos tipos de títulos
requiere su documento. Los estilos tipográficos de los títulos se definen automáticamente desde el
editor web, por lo que no es necesario describirlos.
4. Aplicar los estilos diseñados en los pasos 1 y 2 al texto del documento original; y en general, los
criterios de diseño y composición tipográfica, según lo expuesto en esa sección del MDM. Es muy
importante incluir el índice en este documento de diseño.
5. Publicar el documento de diseño para contrastar el texto de base con el trabajo de estilos
tipográficos realizado en esta actividad.
6. Describir las características de cada estilo de texto diseñado, mencionándolas en el foro, en el
mismo mensaje en que publiquen el documento de diseño.

En la realizac ión de la prác tic a se aplic an los c ontenidos de la Clase 1 y espec ialmente los apartados
de Diseño de estilos tipográfic os y de Fuentes de sistema.

41
Ejemplo de informe tipográfico

Estilo 1. Texto predeterminado: nombre de tipografía, tamaño en puntos, c olor, tipo de

alineac ión.

Estilo 2. Párrafos de recursos didácticos: nombre de tipografía, tamaño en puntos, c olor, tipo
de alineac ión.

¿Existen otros estilos? para c ada uno, enunc iar esas mismas c arac terístic as tipográfic as.

Restricciones

Se podrán usar sólo 2 tipografías diferentes, c ombinando todas las variantes que se
c onsideren adec uadas (tamaño, alineac ión, destac ado de palabras c on itálic as, negritas,
etc étera). Se ac eptará una terc era tipografía sólo para el c aso de las fórmulas químic as o
matemátic as, si las hubiera.
Ya que el destino último de esta prác tic a será implementar el texto en las páginas web del
hipermedia, las dos fuentes a utilizar tienen que ser multiplataforma, de modo que c ualquier
navegador pueda interpretarlas, o sustituirlas por otra muy similar en c aso de no c ontar c on
ellas en el sistema operativo.
Sumando todos los estilos de párrafos de texto, deben utilizar más de 1 color pero no más de
4 tonos básicos. Luego, de c ada tono básic o, pueden usar sus gradientes. (Por ejemplo: Color
1=Negro, gradientes=gris osc uro, gris c laro).

¿Qué archivos hay que entregar?

La entrega c onsiste en la public ac ión del doc umento original, ahora c on la aplic ac ión del diseño
tipográfico (nombredegrupo_diseño.doc), y un breve informe que desc riba los estilos de texto
c ontemplados.

Guía de evaluación

Para la evaluac ión de la ac tividad de diseño de estilos tipográfic os se tendrán en c uenta los
siguientes c riterios:

Los párrafos de texto ¿Logran buena legibilidad?

Las tipografías utilizadas ¿Son multiplataforma? ¿Tienen serif o no?

¿Se utilizan variaciones tipográficas de itálic as, negritas, etc étera?

Los estilos tipográfic os ¿Se aplic an c on coherencia y linealidad en todo el doc umento de diseño?

¿Se detec tan problemas de legibilidad por un uso exc esivo de mayúsculas?

¿Se utilizan c ontenedores de recursos didácticos o metodológic os?

¿Cuántos colores básicos y gradientes se utilizan para c omponer los estilos de texto?

¿El doc umento de diseño inc luye el índice de c ontenidos? ¿Los títulos diferenc ian jerarquías?

¿Se prevé el uso de hipervínculos internos y/o externos?

42
Glosario

Esta sec c ión es transversal a todas las unidades de c ontenido. Aquí se agrupan términos y
conceptos propios de las disc iplinas de c ada c lase o unidad del MDM.

En algunos c asos se amplían las noc iones expuestas en los c ontenidos teóric os para favorec er el uso
de un voc abulario ric o y espec ífic o. En otros, sólo se reproduc en textualmente sus definic iones a fin
de c otejar en una misma página las diferenc ias entre términos aparentemente similares.

El íc ono de anclas que aparec e al lado de c ada palabra direc c iona al apartado que introduc e esa
terminología en el MDM.

Glosario de la c lase 1. Texto

Glosario de la c lase 2. Imagen

Glosario de la c lase 3. Sonido

Glosario de la c lase 4. Animac ión y video

Glosario de la c lase 5. Interac tividad

Glosario de la clase 1. Texto

Alignment o alineación
Disposic ión de las líneas de texto a partir de uno o más márgenes; esta variable c onfiere un c arác ter
determinado al texto

Carácter o letra
Unidad textual de c ada signo de esc ritura

cpl o caracteres por línea

Parámetro que define la longitud de línea en base a la c antidad de c arac teres que c ontiene, espac ios
inc luidos

CSS o estilos en cascada

Sigla en inglés de Casc ading Style Sheets. Lenguaje usado para definir mediante atributos externos el
aspec to visual de un doc umento o página web. La lógic a de las hojas de estilos en c asc ada c onsiste
en separar la presentac ión del c ontenido y estruc tura de las páginas web. Se aplic a a muc hos
elementos visuales, entre ellos a los párrafos y palabras para c rear estilos de texto

Cursivas o bastardillas, itálicas, italic

Variac ión inc linada de los c arac teres

43
em
Unidad de medida para fuentes, relativa al anc ho de la letra eme. 1em es el anc ho de la letra m de
una tipografía

Fixed pitch, o monospaced, espaciado fijo

Tipo de idéntic o espac iado entre todos los c arac teres (no proporc ional)

Font-size o tamaño de fuente, cuerpo

Medida para el tamaño de las letras o c arac teres

Fuente o font
Tipo de letra, set de c arac teres. Font surge de una traduc c ión inc orrec ta de la palabra inglesa
“fundic ión”

Fuentes Sans-serif o de palo seco

Tipografías que no tienen serif por lo que se dibujan c on trazos más simples

Fuentes serif o romanas

Tipo de letra c on serifas

Glifo
Representac ión gráfic a de c ada una de las letras que integran el set de c arac teres. La diferenc ia
entre glifos y c arac teres es que glifo es una unidad gráfic a y c arác ter una unidad textual

Kerning
Ajuste visual que el tipógrafo aplic a sólo a c iertos pares de letras para mejorar la unión o separac ión
entre ambas

Leading o interlineado
Distanc ia existente entre líneas de texto (los renglones). Esta distanc ia se mide en puntos (pt)

Legibilidad
Conjunto de c arac terístic as tipográfic as y lingüístic as del texto esc rito que permiten leerlo y
c omprenderlo c on fac ilidad

Longitud de línea
Anc ho de las líneas o renglones de un párrafo. Se mide en c arac teres por línea (c pl). No existe una
c antidad ideal: las c ifras sugeridas por distintos estudios de legibilidad osc ilan entre 55 c pl c ómo
mínimo y 95 c pl c ómo máximo, pero la extensión c orrec ta varía en c ada c aso dependiendo del tipo de
letra utilizado, del interlineado y del tamaño y resoluc ión del soporte

N
Negritas-cursivas o bold-italic
Variac ión inc linada y más anc ha de los c arac teres

Negritas o bold, strong

Variac ión de los c arac teres c on mayor espesor, más anc hos

44
O

OpenType
Formato de fuente digital que se basa en la estruc tura del formato TrueType mejorando la mayoría de
sus defic ienc ias y c omplementándola c on func iones tipográfic as avanzadas. Además puede c ontener
a un número mayor de c arac teres disponibles para c ada arc hivo tipográfic o. Y es multiplataforma: el
mismo arc hivo tipográfic o puede usarse en distintos sistemas operativos (Linux, Mac OS X, Windows,
algunos sistemas Unix) sin requerir una versión espec ífic a para c ada sistema operativo

Otf
Extensión de los arc hivos OpenType

P
pfb o pss
Extensiones de los arc hivos PostSc ript para impresora

pfm o mmm
Extensiones de los arc hivos PostSc ript para pantalla

Picas
Unidad de medida que valúa los c arac teres por su anc ho y no por la altura c omo los puntos y los
píxeles 1 pic a equivale a 1/6 pulgada

Pitch o interletraje o espaciado entre letras

Espac io entre los c arac teres de una fuente

Píxeles (Px)
En tipografía, unidad de medida usada para estipular la altura del c arác ter, al igual que el punto (Pt)

PostScript
Formato de fuente digital que c onsta de, al menos, dos arc hivos relac ionados: la tipografía de
impresora (arc hivos de extensión .pfb o .pss) y el/los arc hivos de pantalla (.pfm o .mmm) para
reproduc ir los distintos tamaños

Punto (Pt)
En tipografía, la unidad de medida más frec uente para regular la altura del c arác ter: 1 punto equivale
a 0,3527 mm o, lo que es lo mismo, 1/72 de pulgada

Regular
Tipo que no aplic a ninguna variac ión a los c arac teres

Serifa o remate, gracia, terminales, serif

Pequeños adornos o rasgo c on el que se define la terminac ión de los extremos de los c arac teres

Tipo
En imprenta, c ada una de las piezas que tienen grabados los c arac teres de una tipografía
determinada. Con los tipos se c omponen las palabras y párrafos a imprimir

Tipografía
- Arte y ofic io de imprimir. Cienc ia que trata sobre el diseño y las relac iones visuales de las letras,

45
 números y símbolos; de su forma y de su tamaño
- Usado también para designar a un tipo de letra o fuente

TrueType
Formato de fuente digital que integra a los arc hivos de tipografía de impresora y los de pantalla en un
solo arc hivo. Al usuario le simplific a la gestión de fuentes pero le agrega c omplejidad y mayor tiempo
de c álc ulo a las c omputadoras e impresoras. En tamaños demasiados pequeños puede presentar
problemas de c alidad de impresión respec to de las fuentes PostSc ript

ttf
Extensión de los arc hivos TrueType

Versales
Son tipos del tamaño de las mayúsc ulas por lo que todas las letras están en la c aja alta y la c apital
se distingue c on un tamaño algo mayor

Versalitas o small capitals

Son c arac teres c on la figura de las mayúsc ulas pero del tamaño de las minúsc ulas (en c aja baja).
Esta c lase de mayúsc ulas dan un efec to muy ‘ligero’ ya que tienen menor densidad que las
mayúsc ulas c omunes

Word-spacing o espaciado entre palabras

Espac io entre el último c arác ter de una palabra y el primer c arác ter de la palabra siguiente. Debe ser
regular para todas las palabras del párrafo. La separac ión ideal varía en c ada c aso dependiendo del
anc ho del ojo medio y del tipo y el tamaño selec c ionado

------------------------------------------------------------------------------------------------------------------------------------------------------------------
Cómo citar este artículo:
Aceituno, Marcelo (2010). “Clase 1. Texto”, en: Seminario de producción multimedia - Diseño de hipermedias didácticos,
(2º Ed. marzo de 2016 - Última actualización: julio de 2018). Secretaría de Posgrado, Universidad Nacional de Quilmes, Bernal.
Este documento se distribuye con fines exclusivamente didácticos.

46