introduction 1 - typotheque · pdf fileintroduction 1 typotheque’s ... realising that...

7
1 introduction Typotheque’s project History has been in development longer than any other project the foundry has ever undertaken. Its beginnings can be traced to the early 1990s when Peter Biľak experimented with decorative layering systems inspired by 19th century Tuscan types.1 Years later the project took a new twist when Biľak worked on proposals for the Twin Cities typeface.2 Instead of proposing one new typeface, he presented the idea of a typeface system that could take any form, inspired by the evolution of typography. While the Twin Cities proposal was a conceptual typeface that reused existing typefaces, History goes one step further. Based on a skeleton of Roman inscriptional capitals, History includes 21 layers, 21 independent typefaces which share widths and other metric information so that they can be recombined. Thus History has the potential to generate thousands of different unique styles through the superimposition of layers ranging from humanist renaissance, transitional, baroque, script-like, early grotesque and 19th century vernacular to digital types. Since all these fonts share the same widths and skeleton, the most interesting things happen when various seemingly incompatible elements are combined. Just try combining pixel letters with Didot-like serifs, or put 19th century slab serifs on top of a renaissance construction. While careless use can generate freakish results resembling Frankenstein’s monster, more careful experimentation can produce not only amusing, but surprisingly fresh and usable typeface samples. Realising that controlling 21 different layers can be a daunting task, Typotheque not only delivers History as a set of OpenType fonts, but also provides an application called History Remixer. This web-based software processes single text input through an interface which allows the user to work with the layers, activating, deactivating, arranging, setting colour, and luminosity. The application generates an open PDF file suitable for direct use. 1 See Decoratica 2 See book Metro Letters, a typeface for the Twin Cities, Deborah Littlejohn, Design Institute Minneapolis, 2003, isbn 0-9729696-1-6, (The project was not selected) Decoratica, unpublished, 1994 Sketches of History, 2003–2008

Upload: trankhuong

Post on 28-Mar-2018

216 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

1introduction

Typotheque’s project History has been in development longer than any other project the foundry has ever undertaken. Its beginnings can be traced to the early 1990s when Peter Biľak experimented with decorative layering systems inspired by 19th century Tuscan types.1 Years later the project took a new twist when Biľak worked on proposals for the Twin Cities typeface.2 Instead of proposing one new typeface, he presented the idea of a typeface system that could take any form, inspired by the evolution of typography. While the Twin Cities proposal was a conceptual typeface that reused existing typefaces, History goes one step further. Based on a skeleton of Roman inscriptional capitals, History includes 21 layers, 21 independent typefaces which share widths and other metric information so that they can be recombined. Thus History has the potential to generate thousands of different unique styles through the superimposition of layers ranging from humanist renaissance, transitional, baroque, script-like, early grotesque and 19th century vernacular to digital types. Since all these fonts share the same widths and skeleton, the most interesting things happen when various seemingly incompatible elements are combined. Just try combining pixel letters with Didot-like serifs, or put 19th century slab serifs on top of a renaissance construction. While careless use can generate freakish results resembling Frankenstein’s monster, more careful experimentation can produce not only amusing, but surprisingly fresh and usable typeface samples. Realising that controlling 21 different layers can be a daunting task, Typotheque not only delivers History as a set of OpenType fonts, but also provides an application called History Remixer. This web-based software processes single text input through an interface which allows the user to work with the layers, activating, deactivating, arranging, setting colour, and luminosity. The application generates an open PDF file suitable for direct use.

1 See Decoratica2 See book Metro Letters, a typeface for the Twin Cities, Deborah Littlejohn, Design Institute Minneapolis, 2003, isbn 0-9729696-1-6, (The project was not selected)

Decoratica, unpublished, 1994

Sketches of History, 2003–2008

Page 2: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

3layering system

ABCDEFGHIJKLMNOPQRSTUVWXYZ

123456789&

A A A

A A A A

A A A A A

A A

A A A A A Abases

0 2

0 1

0 8

1 2

1 7

0 3

0 9

1 3

1 8

0 4

1 0

1 4

1 9

0 5

1 1

1 5

2 0

0 6

1 6

21

0 7

serifs

fills

ornaments

2 references

01 (80 – 200 ad)Inscriptional square Roman capitals (e.g. lettering on Trajan’s column, Pantheon)Illustrated: Trajan’s column, 113 ad

02 (1470 – 1620)Typeforms with low contrast and an oblique stress, modelled on pen-drawn forms (e.g. the work of Jenson, Garamond et al.) Illustrated: Nicolas Jenson’s Roman, 1470

03 (1700 – 1810)Typeforms with increasingly high contrast and vertical stress, machine-like forms (e.g. Grandjean’s Romain du Roi, the work of Caslon, Didot and Bodoni)Illustrated: Bodoni’s Manuale Tipografico, 1818

04 (1820 – 1920)Sans serif typeforms with low contrast, popularised by the advertising boom accompanying widespread industrialisation (e.g. the work of Caslon IV, Benton, Erbar)Illustrated: Johnston’s Underground Lettering, 1916

05 (1970 – 1980)Rounded graphic and display typeforms, popularised by instant lettering rub-down systems (e.g. the catalogues of Letraset, Meccanorma)Illustrated: vernacular lettering

06 (1960 – 1980)Rasterised typeforms and early grid typefaces found in computer phototypesetting systems from 1960 – 80s (e.g. Hell, Digitek)Illustrated: Wim Crouwel’s sketch, 1964

07 (1980 – 2000)Pixellated and bitmapped typeforms, found in early low-resolution computer screen displays (e.g. Emigre type library, Apple screen fonts)Illustrated: Apple System Software 6, 1988

08 (1470 – 1620)Cupped and bracketed serifs (rounded and heavy) derived from pen-drawn forms and ink-spread on press (e.g. the work of Jenson, Garamond, Jannon et al.)Illustrated: Jenson’s Roman, 1470

09 (1700 – 1780)Sharper, rationalised serifs with shapes resulting from metalsmithing and engraving advances designed to counter ink-spread on press (e.g. the work of Caslon, Baskerville)Illustrated: Caslon’s 1734 Broadside specimen sheet

10 (1760 – 1820)Hairline or ultra-thin serifs with a horizontal stress perpendicular to the stroke, showing the impact of a machine aesthetic in engraving (e.g. the work of Didot and Bodoni et al.)Illustrated: Pierre Didot l’aîné’s Roman, 1818

11 (1820 – 1930)Slab serifs completely without bracket or cup, of varying weight and perpendicular stress, popularised by the industrial revolution and among the first advertising styles (e.g. Clarendon)Illustrated: Robert Thorne’s Two Line Great Primer Egyptian, 1820

12 (1750 – 1850)Ornate and decorated filligree types showing advances in engraving technique after the baroque period (Fournier, Bodoni et al.) Illustrated: Bodoni’s ornate capitals, 1771

13 (1820 – 1940)Shadowed and three-dimensional display types show the rise of advertising accompanying widespread industrialisation (e.g. the work of Benton, Bernhard, Gill et al.)Illustrated: Monotype Gill Sans Shadowed, 1931

14 (1860 – 2000)Inline-outline types, originally achieved pantographically and now digitally, can be seen as a response to the increasing electrification of commercial signage in the 20th centuryIllustrated: Rudolf Koch’s Prisma, 1932

15 (1860 – 2000)Display types featuring optical or filled patterns, originally machine engraved, but later produced photographically and digitally, showing influences from commercial signage and experimental art photographyIllustrated: AM Cassandre’s Bifur, 1929

16 (1840 – 2000)Rounded and outline forms produced by both photographic and digital reproduction and perhaps suggested by neon signage (e.g. commercial signage work)Illustrated: detail from an 1847 playbill, printed by woodblock, typeface unknown

17 (1560 – 1570)Swashed and flourished types derived from humanist calligraphy of the 15th century (e.g. the work of Bembo, Arrighi, Granjon’s Civilité)Illustrated: Cancellaresca Romana, Giambattista Palatino, 1540

18 (1800 – 1900)Bifurcated and tuscan serif styles, popularised in the 19th century, went beyond simple ornament and obscured letter-form structures (e.g. advertising, display and commercial signage work) Illustrated: skeletal Tuscan, 19th century

19 (1800 – 1900)19th century typeforms decorated with outline and solid fill styles, again diverting attention from the essential structure of letterforms (e.g. advertising, display and commercial signage work)

20 (1800 – 1900)Outline forms easily produced by mechanical and photographic reproduction (e.g. advertising, display and commercial signage work)

21 (1800 – 1900)Machine engraving to pattern-fill display types, popular in the 19th century, later done photographically and digitally, evidence of the continuing demand for novelty in type appearanceIllustrated: Gothic Tuscan, 19th century

Page 3: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

5

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

Yes,

th

at’s

rig

ht

care

ful r

eade

r,

we

didn

’t m

anag

e to

fit

her

e al

l 21

sam

ple

s, a

nd

laye

r 20

(ou

tlin

e ve

rsio

n o

f lay

er 19

) is

mis

sin

g.

Plea

se s

ee it

on

line.

4 available styles

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

abcdefghijklmnopqrstuvwxyz(0123456789)&!?@#$%*/-+€£¥¢§™

11

12

13

14

15

16

17

18

19

21

01

02

03

04

05

06

07

08

09

10

Page 4: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

7

Turkey cuts ties over spelling mistake

Four flies murdered in bakeryCeasefire deal after font warsSex, politics & rock’n’rollGaramond to run in second round

Didot backlash in hinting rowPelicans vote to leave FloridaQuarantined fonts given all-clear

Microsoft contests $20 fine

Turkey cuts ties over spelling mistake

Four flies murdered in bakery

Ceasefire deal after font warsSex, politics & rock’n’rollGaramond to run in second roundDidot backlash in hinting row

Pelicans vote to leave FloridaQuarantined fonts given all-clear

Microsoft contests $20 fine

6 layered samples

04 + 10

01 + 10

13 + 12

03 + 09

07 + 06

02 + 08

04 + 11

14 + 15

01 + 17

Page 5: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

9sample combinations

A

A

A

A

A

AA

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

8 sample combinations

A

A

A

A

A

A

A

AA

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

AA

A

A

A

A

A

A

A

A

A

A

A

A

A

A

AA

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

AA

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A

A A

A A

13 04

05 04 01

16 18

21 20

10 01 15

17 04

11 14

02 03

20 18

18 01

05 21

03 01 17

08 02 01

04 01

14 12

01 03 10

04 12

20 12

05 03

13 15 14

02 12

18 17

04 15

08 02

04 14 13

06 01 01

10 03

19 21 18

19 01

06 13

01 03 11

16 05

05 07

05 15

05 06

01 03

01 11

18 20

15 14

12 17

11 13

21 19

17 01

01 05

16 15

15 04

13 14

01 12

10 07

01 02

01 10

07 06

11 02

10 04

18 04

16 06

01 19

01 04

03 17

20 19

05 01

01 08

12 13

01 16

03 11

04 01

18 01

04 11

09 03

20 07

Page 6: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

11credits

character set

abcdefghijklmnopqrstuvwxyzæœfifl (1234567890)%‰[.,;:] {-–—} | €$¢£¥#&@†‡§•®©“”‘’«»‹›!¡?¿ <=>+×^àáâãäåāăąæçćĉċčèèéêëēĕĕėęěďđġģĥħìíîïïĩīĭįĵðķĺļľŀłñńņňōŏőòóôõöøŕŗřśŝşšţťŧũūŭůűųùúûüŵýÿŷźżžþ

urlswww.typotheque.com/fonts/historywww.typotheque.com/fonts/history_remixer

priceA single user license for the History package is €240.

multiple user discountsWhen you ‘buy’ fonts, you are actually buying a license to use the font software. As with any other software, fonts are licensed on a per-computer basis. But unlike with most software, you can extend your license to include additional computers for a substantial discount off the regular price. Licenses for over 100 computers are quoted individually, always at a fraction of the regular price.www.typotheque.com/licensing

copyrightConceived and designed by Peter Biľak. With help of Eike Dingler, Ján Filípek, Ondrej Jób and Ashfaq Niazi.

order on-lineThis is the fastest and most convenient way to order. You will be able to download the fonts immediately, and you will avoid shipping costs. We accept all major credit cards and over 50 Internet payment methods.www.typotheque.com/order

try before you buyPDF Font Tester was created to help you evaluate our typefaces online and on paper. Just type your text, choose the typeface and type size, and you’ll get a high resolution printable PDF.www.typotheque.com/PDF_ font_tester

custom workTypotheque specialises in creating custom type solutions for a variety of applications and languages. This may include completely new typefaces, modifications of existing ones, or localization and creation of special language sets.

Typotheque Type specimen No. 5© Typotheque, 2008

Design & all texts: Peter BiľakText editing: Ted Whang

All trademarks are property of their respective owners. All rights reserved.

Typotheque T: +31 70 322 6119Zwaardstraat 16 F: +31 84 831 67412584 TX The Hague [email protected] www.typotheque.com

Thanks to Ben Archer for references research (p.4).Special thanks to Ted Whang, ui42, and Mathieu Christe.Printed in The Hague by Albani Drukkers.

10 history remixer tutorial

ConCepTTo help control the 21 layers of the typeface, we offer the History Remixer online software. Instead of entering text separately for each layer, you enter it only once, after which you can adjust the layers’ colour, visibility, opacity, etc. History Remixer then generates a high resolution PDF.

Make your SaMpLeType your text into the Text Field.Select the point size. Select the width of your text column.Hit the Make Sample button.Now you can control the layers of History. Click the check-boxes to show or hide the layer. Colour the individual layers, or change their opacity. Clear the sample to start again.

SeT CoLuMn wIDThTo work with multiple lines of text, you need to set the width of the text column. Click on the Ruler to set the width of the column visually, or type a number into the Text Column field. The width of the column is measured in centimetres; the working area is 21 centimetres wide (width of an A4 sheet). History Remixer doesn’t support hyphenation, so you will need to play around to find the right point size and column size so the text is not clipped. Alternatively, you can hit the Return key into the Text field to start a new line.

Layer orDerYou might want to change the order of layers, for example to have a certain layer on top, rather than on the bottom. Just drag the layer you want to move to the new position. The layers appear in the list from topmost to bottommost.

CoLourSHistory Remixer is intended for graphic designers, and so we offer a colour menu that you might recognise from your favourite design application. Mix a CMYK colour that you like, and click Apply. If you can’t decide on a colour, just click the Random Colours option at the bottom of the application window.

GeTTInG pDFHistory Remixer is an application which enables licensed users to control the 21 fonts. You need to get a license for the fonts to be able to generate the PDF. Without the license, you will only see a rough online preview. Licensed users will get a vector PDF suitable for direct use, or editing in software such as Adobe Illustrator®.

ranDoM ChoICeSWith History Remixer you can control many different design parameters, and get thousands of unique samples. If you don’t want to think about all these choices, just choose the Random Layers and/or Random Colours options and History Remixer will choose for you.

a b ca b ca b ca b ca b ca b ca b ca b ca b c

a b c

a b ca b ca b ca b ca b ca b ca b ca b ca b ca b ca b c

ENTER TEXTENTER TEXT

Page 7: introduction 1 - Typotheque · PDF fileintroduction 1 Typotheque’s ... Realising that controlling 21 different layers can be ... Rudolf Koch’s Prisma, 1932 15 (1860–2000) Display

distillation of rumor

great dust heapdirty politics cleaned up for the consumption of children and other innocents

transformation of events into footnotes

pro

pag

an

da

o

f th

e v

icto

rs

on

e d

am

ned

th

ing

a

fter

an

oth

er

discipline closest

lesson

pattern-book of fossilized ideologies

living whole. If one organ be removed, it is nothing but a lifeless mass

sud

den

st

ag

etr

ick

ac

tion

an

d

trash bag of random coincidences torn open in a wind Surely, Watt with his steam

engine, Faraday with his electric motor, and Edison with his incandescent light bulb did not have it as their goal to contribute to a fuel shortage someday that would place their countries at the mercy of Arab oil.

vast early warning system

gossips who tease the deadso

un

d

of

silk

en

slip

per

s g

oin

g

do

wn

-st

air

s a

nd

w

oo

den

sh

oes

c

om

ing

u

p

gallery of pictures in which there are few originals and many copies

co

llectio

n

of c

rim

es, fo

llies, an

d

misfo

rtun

es a

mo

ng

w

hic

h w

e h

av

e no

w

an

d th

en

met w

ith a

few

virtu

es, a

nd

som

e h

appy tim

es

an aggregation of truths, half-truths, semi-truths, fables, myths, rumors, prejudices, personal narratives, gossip, and official prevarications. It is a canvas upon which thousands of artists throughout the ages have splashed their conceptions and interpretations of a day and an era. Some motifs are grotesque and some are magnificent.

Nightmare from which I am trying to awake

that little sewer where man loves to wallow

co

llectio

n

of epita

phs

excitable and unreliable old lady

story of events, with praise or blame

argument without end

sum total of the things that could have been avoided

jigsaw

puzzle

reaction

to life

argument without end

sou

nd

of s

ilke

n

slip

pers

g

oin

g

dow

n-

stai

rs

and

wo

ode

n

sho

es

com

ing

u

p

vast early warning system

sum total of the

things that could

have been avoided

gossips who tease the dead

living whole. If one organ be removed, it is nothing but a lifeless mass

pro

pag

an

da

o

f th

e v

icto

rs

gallery of pictures in which there are few originals and many copies

rel

ay

ra

ce

rela

y r

ac

er

ela

y r

ac

ec

ollec

tio

n

of c

rim

es,

follies

, an

d

mis

for

tu

nes

a

mo

ng

w

hic

h w

e h

av

e no

w

an

d t

hen

m

et w

ith

a

few v

irt

ues

, a

nd

so

me

ha

ppy

tim

es

sud

den

st

ag

etr

ick

on

e

da

mn

ed

th

ing

aft

er

an

ot

her

an aggregation of truths, half-truths, semi-truths, fables, myths, rumors, prejudices, personal narratives, gossip, and official prevarications. It is a canvas upon which thousands of artists throughout the ages have splashed their conceptions and interpretations of a day and an era. Some motifs are grotesque and some are magnificent.