Вы находитесь на странице: 1из 46

Tipografa

Composicin y tipografa digital


Tipografa
Composicin y tipografa digital

Durante las ltimas dcadas del siglo XIX una serie de avances
tcnicos iban a revolucionar la industria de las artes grficas:

En 1884 apareci el grabador pantogrfico.


En 1886 la linotipia.
En 1893 la monotipia.

Asimismo se extendi el uso de la mquina de escribir en las oficinas


lo que generaliz la obtencin mecnica de textos entre el gran
pblico.
Tipografa
Composicin y tipografa digital

Mquina de El teclado de mquina de escribir


escribir [qwertyuiop en el espaol] fue inventado
en 1874 por Christopher Sholes para
El teclado de provocar el mayor movimiento de dedos
Christopher y frenar la velocidad. De esta forma se
Soles evitaban los atascos de las mquinas de
escribir cuyo mecanismo no era capaz de
responder a impulsos demasiado rpidos.
Tipografa
Composicin y tipografa digital

Composicin Con la aparicin de los peridicos de Composicin manual


en fro tirada masiva a finales del siglo XIX se con tipos en fro. nico
hizo necesario inventar un sistema de sistema de composicin
composicin de textos ms rpido y eficaz desde mediados del siglo
que la antigua composicin manual. XV a finales del siglo XIX.
Tipografa
Composicin y tipografa digital

Composicin a. Lynotipe de Ottmar Mergenthaler, en 1886.


en caliente
En este dispositivo un teclado dispona del almacn
Linotipia de matrices para componer una lnea completa en
plomo. El nico problema estaba en la dificultad de
las correcciones y en que precisaba un mayor nmero
de matrices. La linotipia ordenaba las matrices de
cada tipo as como cuas para el espaciado que
eran empujadas por una palanca para facilitar la
justificacin. A continuacin esta moldura se llenaba
de plomo fundido, formando una lnea que se colocaba
junto a las anteriores, mientras las matrices eran
devueltas automticamente a su posicin original.
Tipografa
Composicin y tipografa digital

Composicin
en caliente

Linotipia
Tipografa
Composicin y tipografa digital

Composicin
en caliente

Linotipia
Tipografa
Composicin y tipografa digital
Tipografa
Composicin y tipografa digital

Composicin b. Monotype de Tolbert Larston.


en caliente
La monotipia compona tipos sueltos y operaba mediante un sistema
Monotipia de cintas perforadas.

Las pulsaciones de teclado producan perforaciones en una bobina


de cinta que era despus llevada al vaciador. Las instrucciones para
el espaciado estaban sealadas en la cinta y se obtena algo muy
parecido a la antigua composicin de cajista.

Frente a la linotipia era adecuada para corregir los inevitables errores


y tuvo mucho xito en Europa. Los impresores de libros vean un
procedimiento ms parecido a la composicin tradicional.
Tipografa
Composicin y tipografa digital

Composicin
en caliente

Monotipia
Tipografa
Composicin y tipografa digital

Composicin
en caliente

Monotipia
Tipografa
Composicin y tipografa digital

Pantgrafo En Milwakee, Linn Boyd Benton desarroll un dispositivo pantogrfico


tipogrfico hacia 1884 que facilitaba la creacin de letras de madera y que sera
adaptado por Mergenthaler.
Linn Boyd
Benton El pantgrafo permiti que una serie de diseadores, con escasa
formacin tcnica para la creacin de punzones, pudieran fundir
letras. Ya haba sucedido en el siglo XVIII que algunos editores como
Bodoni o Baskerville crearan tipos sin hacer ellos los punzones pero
ahora esto iba a ser an ms sencillo.

Lo ms negativo es que el diseo mediante pantgrafo descuid


los ajustes que antes se hacan para cada uno de los cuerpos,
especialmente los ms pequeos que eran engrosados para mantener
su legibilidad. A partir de entonces con un nico dibujo se tallaban los
diferentes cuerpos o, a lo sumo, se utilizaban unos pocos para cada
tramo de cuerpos.
Tipografa
Composicin y tipografa digital

Pantgrafo
tipogrfico

Linn Boyd
Benton
Tipografa
Composicin y tipografa digital

Pantgrafo
tipogrfico

Linn Boyd
Benton
Tipografa
Composicin y tipografa digital

American Type American Type Founders. Los nuevos procedimientos de composicin


Founders provocaron cambios drsticos en el negocio de la tipografa que
llevaron a la unin de muchas fundiciones en la American Type
Founders bajo la direccin de Robert Nelson.

En 1886 un comit de la ATF adopt el sistema de puntos de Fournier


de 1764 en lugar de la informal nomenclatura empleada hasta
entonces para cada cuerpo.

La unidad definida no era la misma y no guardaba relacin que


ningn sistema de medida conocido. En el sistema 996 unidades
equivalan a treinta y cinco centmetros, doce unidades formaban una
pica, ms o menos un sexto de pulgada y un poco ms pequeo que el
ccero.

Robert Nelson impuls la idea de familias tipogrficas en las que


convivieran en un mismo diseo, negritas, cursiva, estrecha y otras
muchas variante.
Tipografa
Composicin y tipografa digital
Tipografa
Composicin y tipografa digital

American Type Frederic William Goudy es considerado


Founders uno de los tipgrafos estadounidenses
ms prolficos: dise alrededor de 124
tipografas.

Entre sus creaciones se encuentran las


conocidas tipografas Copperplate Gothic y
Goudy Old Style.
Tipografa
Composicin y tipografa digital

Fotocomposicin
Intertype
Tipografa
Composicin y tipografa digital

Fotocomposicin
Willy Fleckhaus
Tipografa
Composicin y tipografa digital

Las escrituras utilizadas en los ordenadores personales son


tipografas vectoriales o de contorno.

Cada segmento o vector queda codificado por las coordenadas de


dos puntos y la tensin de la curva por otros dos que funcionan como
controladores de la misma.

Dibujo original Diferentes dibujos


Bitmap para cada cuerpo.
RLE [Run Archivos para alta
Length resolucin, filmados
Encoding] a 2.400 puntos por
pulgada.
Tipografa
Composicin y tipografa digital

Tipografa Programas de dibujo de mapas de pxeles o bitmap.


digital Dr Halo

Bitmap
Tipografa
Composicin y tipografa digital

Lo-Res Comenc con tipos de mapa de bits condicionada por la resolucin


de la pantalla y la impresora de matriz de puntos. Como los primeros
Oakland ordenadores eran tan limitados, tena que disear algo especial.
Emperor Aunque era muy difcil adaptar la caligrafa al plomo y ms tarde a
Emigre la fotocomposicin, se pudo hacer; pero era fsicamente imposible
Universal adaptar un cuerpo 8 de la Goudy Old Style a los 72 puntos por pulgada
[de la pantalla]. En definitiva, no se poda ni con la Goudy Old Style ni
con las Times Roman ni con ningn otro tipo con remate,

Zuzana Licko

Zuzana Licko
Tipografa
Composicin y tipografa digital

Lo-Res Senator

Oakland Aplicando los mismos principios que con Modula, dise Senator,
Emperor basada en las proporciones de Emigre Fifteen.
Emigre
Universal

Zuzana Licko
Tipografa
Composicin y tipografa digital

Tipografa vectorial

En esta tecnologa la letra queda definida por el conjunto de


ecuaciones de la polilnea de contorno del carcter. Se consigue un
perfecto escalado mediante una simple transformacin matemtica
por lo que no es necesario instalar todos los tamaos de un tipo de
letra que se desee utilizar, en realidad no existe ms que un dibujo
que se adapta a distintos tamaos.
Hacia 1979 Peter
Karow desarroll
el software Ikarus
que permita definir
las letras mediante
curvas distintas a
las curvas de Bzier.
Tipografa
Composicin y tipografa digital

Fuentes Fuentes PostScript


Adobe
PostScript Es un sistema vectorial de definicin de caracteres basado en curvas
de Bzier que son definidas por cuatro puntos: la curva pasa por el
primero y el ltimo, puntos de anclaje, y es atrada por los otros dos
que se conocen como controladores o puntos de control.
Tipografa
Composicin y tipografa digital

Fuentes
Adobe
PostScript

Fontographer
Windows 3.1
Tipografa
Composicin y tipografa digital

Adobe
Type
Originals

Lithos
Trajan
Garamond

Adobe Garamond Redonda


Adobe Garamond Negrita
Adobe Garamond Cursiva
Tipografa
Composicin y tipografa digital

Carol Towmbly
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Adobe Myriad
Adobe Minion abcdefghijklmnopqrstuvwxyz
1234567890!$%&/()=?][{},;.:-_[]
A B C D E F G H I J K L M N O P Q R S T U V W XY Z
abcdefghijklmnopqrstuvwxyz
1234567890!$%&/()=?][{},;.:-_[]
Tipografa
Composicin y tipografa digital

Fuentes True Type

La tecnologa True Type fue desarrollada por Apple y Microsoft con el


objetivo de frenar el predominio de la tecnologa PostScript de Adobe.

Se trataba de fuentes vectoriales, no PostScript, que empleaban


funciones cuadrticas, ms rpidas en su procesamiento que las
PostScripts aunque ocupan ms cantidad de memoria y que contenan
hints para la mejora de la visualizacin a bajas resoluciones.

Las letras en el formato True Type se describen mediante curvas


definidas por funciones cuadrticas.

Para mantener una nivel de calidad adecuado, incluso en las


resoluciones ms bajas, los contornos se ajustan a la retcula de
salida antes de la rasterizacin. Esta informacin es parte de la
fuente misma. Posee un conjunto extenso y flexible de instrucciones
para este ajuste que dejaba sitio a los desarrolladores y fabricantes
de fuentes si queran incorporar su propia tecnologa de escalado.
Tipografa
Composicin y tipografa digital

True Type La tabla True Type incluye


Outline tres elementos:

Curvas Glifos simples que incluyen


la curva, el espaciado y los
hints.

Glifos compuestos que


heredan el espaciado y los
hints de los signos simples
que lo forman.

Glifos sin contorno para


los caracteres de funcin.
Tipografa
Composicin y tipografa digital

True Type
Outline

Rasterizacin
Hints
Tipografa
Composicin y tipografa digital

True Type
Outline

Hints
para cada
tipografa.

Monotype Arial
ITC Garamond
Tipografa
Composicin y tipografa digital

Curvas de un
mismo glifo en
FontLab

Bzier para PS
Spline para TT

True Type
genera ms
cdigo que
facilita la
conformacin
de la letra,
pero ocupa
ms espacio en
memoria.
Tipografa
Composicin y tipografa digital

Windows XP El formato Open Type


Adobe y Microsoft
Arial
Courier New El formato naci como un archivo multiplataforma desarrollado por
Lucida Console Adobe y Microsoft a principios de este siglo.
Times N Roman
Symbol Su principal ventaja es la capacidad para soportar juegos de
Wingdings caracteres muy amplios.

Apareci por primera vez en el sistema operativo Windows XP que


inclua Arial, Courier New, Lucida Console, Times New Roman, Symbol
y Wingdings como fuentes Open Type del sistema.

La principal novedad para el usuario era la incorporacin del


suavizado automtico en pantalla que proporcionaba un aspecto
menos pixelado de las letras sin necesidad de aumentar la resolucin.
Tipografa
Composicin y tipografa digital

Ligaduras, El formato Open Type Minion OT


fin & ft
ajuste de Adobe y Microsoft Berkeley OT
cifras,
reordenacin
Berkeley TT fin & ft
de caracteres.
fin & ft
Opciones de
Open Type
en Adobe
Illustrator
Tipografa
Composicin y tipografa digital

Moet
Open Type
Adobe
Microsoft
Peter Levin

Shaffer
Mt
ff ff
Mt
Mt
Tipografa
Composicin y tipografa digital

Una fuente digital


es software formado
por un conjunto de
dibujos vectoriales
junto con rdenes de
espaciado y kerning
a los que se accede
mediante el teclado
del ordenador.

Free Wifi
Una fuente es
tambin un
contenedor de glifos.
Habitualmente un
glifo se corresponde

Free Wifi
con un carcter, con
una letra, pero no
siempre es as.
Tipografa
Composicin y tipografa digital

Lnea de base,
baseline, es una
lnea imaginaria en
la que se apoyan las
formas cuya parte
inferior no es curva.

El ancho puede
entenderse como el Glifo es la forma visual de los smbolos tipogrficos, colocados
vector que conecta el en rectngulos abstractos cuyo ancho es el de la letra y sin
origen de un glifo con una altura determinada.
el del siguiente. Este
vector se denomina Cada glifo flota en una caja imaginaria que es a veces un
vector avanzado. poco ms grande que su forma, pero en otros casos [la f del
ejemplo] es algo ms pequea.
Tipografa
Composicin y tipografa digital

Open Type utiliza el sistema de codificacin Unicode y es capaz de


permitir 65.000 caracteres en una nica fuente con lo que puede
adaptarse a cualquier idioma e incorporar variantes como versalitas y
conjuntos de caracteres adicionales.

Adobe identifica con el apelativo Pro la inclusin de versalitas,


adornos, caracteres alternativos, ligaduras, nmeros ordinales,
ornamentos, fracciones y letras griegas y cirlicas.

Su estructura est derivada de TrueType al que aade tablas de datos


que permiten incorporar a una tipografa funciones tipogrficas y
lingsticas avanzadas. La especificacin sigui en desarrollo para
convertirse en un estndar abierto.

Como siempre el problema de un formato est en su aceptacin. Ya en


2001 exista un amplio catlogo de tipos OpenType y Adobe concluira
la adaptacin de sus fuentes a finales de 2002.

Hacia 2006 las principales fabricantes se haban incorporado a


OpenType.
Tipografa
Composicin y tipografa digital

Mapa de
caracteres
Windows XP

Open Type
Tipografa
Composicin y tipografa digital

OpenType emplea la misma estructura de datos genrica (llamada


sfnt) en la que se basan las tipografas TrueType, pero a ella agrega
recursos que enriquecen la gama de prestaciones tipogrficas de
la familia tipogrfica, as como sus capacidades de representacin
lingstica, por lo que se afirma que las OpenType pertenecen a la
clase de los denominados tipos de letra inteligentes (smartfonts).

La descripcin de los contornos de los signos (o glifos) de un tipo


OpenType puede almacenarse en una de dos posibles formas:

1. Como curvas de formato TrueType en la tabla denominada glyf


2. Como curvas de formato CFF (Compact Font Format) en la tabla
CFF .

El formato CFF, tambin conocido como Tipo 2 de Adobe, es una forma


compacta de representar un tipo de letra de clase Tipo 1.
Tipografa
Composicin y tipografa digital

Fuentes en la web

Las fuentes tipogrficas han sido un problema en la web porque no


estn incluidas en el documento HTML por la sencilla razn de que el
autor de la pgina no posee los derechos sobre la tipografa. La forma
en que se ha intentado resolver este problema es diversa.

Fuentes
seguras +
Bitmap

Considering these advantages and with all other things Late 1980s while the first
being equal, some may ask: why isnt the OT/CFF OT/CFF fonts were released
format as popular, as widespread and as well-supported roughly ten years later. The
as TrueType, even in environments that would benefit second reason is perhaps
from them? I can point out several reasons. For one, related to legacy display
the TrueType format has been around for much longer modes: on an aliased
than OpenType; it debuted in the late 1980s while the environment, TrueType is
first OT/CFF fonts were released roughly ten years later. able to deliver a superior
The second reason is perhaps related to legacy display solution, due to to its hints
modes: on an aliased environment, TrueType is able to and ability to leverage
deliver a superior solution, due to to its hints and ability handmade bitmaps, that
to leverage handmade bitmaps, that OpenType/CFF OpenType/CFF would have
would have a hard time matching. And lastly, historical a hard time matching. And
Tipografa
Composicin y tipografa digital

Fuentes Win 9x/ Win XP Win Vista Mac Classic Mac Os X Linux Unix
seguras en los
principales Cambria Segura
sistemas Constantia Segura
operativos Times N Roman Segura Segura P Segura P
hasta 2011 Times Segura Segura Segura
Georgia Segura Segura P Segura P
Andale Mono Segura Segura P Segura P
Arial Segura Segura P Segura P
Arial Black Segura Segura P Segura P
Calibri Segura
Candara Segura
Century Gothic Segura Segura P Segura P
Corbel Segura
Helvetica Segura Segura Segura
Impact Segura Segura P Segura P
Trebuchet MS Segura Segura P Segura P
Verdana Segura Segura P Segura P
Comic Sans MS Segura Segura P Segura P
Consolas Segura
Courier New Segura Segura P Segura P
Courier Segura Segura Segura
Tipografa
Composicin y tipografa digital

Google Fonts
Tipografa
Composicin y tipografa digital

Google Fonts <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>

<html xmlns=http://www.w3.org/1999/xhtml xml:lang=en lang=en>


<html>
<head>
<link rel=stylesheet type=text/css href=http://fonts.googleapis.com/
css?family=Mouse Memoirs>
<style>
body {
font-family: Mouse Memoirs, serif;
font-size: 36px;
text-shadow: 4px 4px 4px #aaa;
}
</style>
<title>Prueba con Google Fonts</title></head>

<body>
<div>
<p>P&iacute;o Baroja<br />
Efectos en Google Tipografa
Fonts y exploradores
que los visualizan Composicin y tipografa digital

Вам также может понравиться