Mimuw hci2021-2

– baseline (linia bazowa)
1. definitions
DdUuPpAa

– x-height
1. definitions
DdUuPpAa

– x-height
– cap-height
1. definitions
DdUuPpAa

– x-height
– cap-height
– descender
1. definitions
DdUuPpAa

DdUuPpAa
DdUuPpAa
– x-height
– cap-height
– leading (interlinia)
1. definitions
DdUuPpAa

– serifs (szeryfy):
normal (normalne)
slab (belkowe)
hairline (włosowe)
1. definitions
DdUuPpAa

– metrics: pt, px, em
1. definitions
MmUuPpAa

1. definitions
Garamond Premier Pro 100 pt
Adobe Garamond Pro 100 pt
– typeface (krój pisma)
vs
– font (czcionka :) )

2. kinds of typefaces
Garamond
Garamond
Garamond

– serif (szeryfowe) / sans serif (bezszeryfowe)
Superskryp
Superskryp

– regular (proste) / italic (kursywa)
a Superskry
a Superskry

Superskrypt
– book (dziełowe) / display (tytułowe)
Superskryp

– condensed / extended
Superskrypt
Supersk

– condensed / extended
Supeerskryp
Supeers
e
e

– slabserif (egipcjanki), script (pisanki)
Superskryp
Superskrypt

– monospace
i01mSuper
Superskryp

3. Microtypography: spacing characters
DdUuPpAa

– kerning
metrics (font designer)
optical (Adobe algorithm)
DdUuPpAa
DdUuPpAa

– tracking (letter spacing)
−50 (/1000 em)
50 (/1000 em)
DdUuPpAa
DdUuPpAa

5. Glyphs and OpeWntype features
%-−–—(]}
/⁄ *@²₃£��

- hyphen (dywiz lub łącznik)
− minus
– en dash (myślnik lub półpauza)
— em dash (pauza)
-−–—
-−–—

– en dash vs hyphen (łącznik) vs minus 4×5 screen
−30° — od
5–6 razy w
– co za chu-

– quotation marks
„co za” chu
id: “What?”
«non !»

– slash vs fraction slash (kreska ułamkowa)
3/₂ 3⁄₂
3/2 3⁄2

– ligatures (ligatury)
fiflfhfbfjffi
fiflfhfbfjffi

– Capitals (wersaliki) vs Small Caps (kapitaliki)
vs false Small Caps
ABCDEFG
Dupa DUPa

– true italics vs slanted letters
pięknanieoh
ohydnaniepi

– true italics vs slanted letters

6. Typesetting (skład tekstu)
Xersperspero eate ilici
bero magnatur?
Ped ullanit eum et eaqui
dolor acea consenis

– optimal column width
Xersperspero eate ilici bero magnatur? Ped ullanit eum et eaqui dolor acea consenisUllutem faccatem volupta
musdanissit restia quatiatint a ilia que vendam faccabo. Ovidunt debit eatem aut omnihillabo. Me delesciusa
sum si quam sum, adigendebis aditibu saepuditis quame nonsequ untibea quatiur solendae quis audae nistis et
moluptia nonsequi te volorecab iliquat ped molorist que vollupt atistiation con num nis et repello repernatiis
delendi bla doluptatur aut laborer uptatiur, testem rectem dolupta que optur restis ratiam, sit laborro il
ipsam, quatisc itatur as excepedis conse volorepedia volupient eicid mod quis rerum ipsandi onsequam destia
veliquia dioreribus qui autempo rehent dolorepe dolorunt.
Xersperspero eate ilici
bero magnatur? Ped
ullanit eum et eaqui dolor
acea consenisUllutem
faccatem volupta
musdanissit restia
quatiatint a ilia que
vendam faccabo.
Ovidunt debit eatem
aut omnihillabo. Me
delesciusa sum si quam
sum, adigendebis aditibu
saepuditis quame nonsequ

– optimal column width
50–70 characters (with spaces)
8–12 words (average, in Polish)
20–30 em
Xersperspero eate ilici bero magnatur? Ped ullanit eum et eaqui dolor
acea consenisUllutem faccatem volupta musdanissit restia quatiatint
a ilia que vendam faccabo. Ovidunt debit eatem aut omnihillabo. Me
delesciusa sum si quam sum, adigendebis aditibu saepuditis quame
nonsequ untibea quatiur solendae quis audae nistis et moluptia nonsequi
te volorecab iliquat ped molorist que vollupt atistiation con num nis
et repello repernatiis delendi bla doluptatur aut laborer uptatiur,
testem rectem dolupta que optur restis ratiam, sit laborro il ipsam,
quatisc itatur as excepedis conse volorepedia volupient eicid mod quis
rerum ipsandi onsequam destia veliquia dioreribus qui autempo rehent
dolorepe dolorunt.

– text alignment:
justified (justowany) vs aligned left (chorągiewka)
Xersperspero eate ilici bero magnatur? Ped
ullanit eum et eaqui dolor acea consenisUllutem
faccatem volupta musdanissit restia quatiatint
a ilia que vendam faccabo. Ovidunt debit eatem
aut omnihillabo. Me delesciusa sum si quam sum,
adigendebis aditibu saepuditis quame nonsequ
untibea quatiur solendae quis audae nistis et
moluptia nonsequi te volorecab iliquat ped
molorist que vollupt atistiation con num nis et
repello repernatiis delendi bla doluptatur aut
laborer uptatiur, testem rectem dolupta que optur
restis ratiam, sit laborro il ipsam, quatisc itatur
as excepedis conse volorepedia volupient eicid
mod quis rerum ipsandi onsequam destia veliquia
dioreribus qui autempo rehent dolorepe dolorunt.
Xersperspero eate ilici bero magnatur? Ped ullanit eum
et eaqui dolor acea consenisUllutem faccatem volupta
musdanissit restia quatiatint a ilia que vendam faccabo.
Ovidunt debit eatem aut omnihillabo. Me delesciusa
sum si quam sum, adigendebis aditibu saepuditis quame
nonsequ untibea quatiur solendae quis audae nistis et
moluptia nonsequi te volorecab iliquat ped molorist que
vollupt atistiation con num nis et repello repernatiis
delendi bla doluptatur aut laborer uptatiur, testem
rectem dolupta que optur restis ratiam, sit laborro il
ipsam, quatisc itatur as excepedis conse volorepedia
volupient eicid mod quis rerum ipsandi onsequam
destia veliquia dioreribus qui autempo rehent dolorepe
dolorunt.

– badly justified text
Xersperspero eate ilici bero
magnatur? Ped ullanit eum et
eaqui dolor acea consenisUllutem
faccatem volupta musdanissit
restia quatiatint a ilia que vendam
faccabo. Ovidunt debit eatem aut
omnihillabo. Me delesciusa sum
si quam sum, adigendebis aditibu
saepuditis quame nonsequ untibea
quatiur solendae quis audae nistis
et moluptia nonsequi te volorecab
iliquat ped molorist que vollupt
atistiation con num nis et repello
repernatiis delendi bla doluptatur
Xersperspero eate ilici bero magna-
tur? Ped ullanit eum et eaqui dolor
acea consenisUllutem faccatem vo-
lupta musdanissit restia quatiatint
a ilia que vendam faccabo. Ovidunt
debit eatem aut omnihillabo. Me de-
lesciusa sum si quam sum, adigen-
debis aditibu saepuditis quame non-
sequ untibea quatiur solendae quis
audae nistis et moluptia nonsequi te
volorecab iliquat ped molorist que
vollupt atistiation con num nis et
repello repernatiis delendi bla do-
luptatur aut laborer uptatiur, testem

– indents
Xersperspero eate ilici bero magnatur? Ped
ullanit eum et eaqui dolor acea consenisUllutem
faccatem volupta musdanissit restia quatiatint
a ilia que vendam faccabo. Ovidunt debit eatem
adigendebis aditibu saepuditis quame nonsequ
untibea quatiur solendae quis audae nistis et
Molorist que vollupt atistiation con num nis
et repello repernatiis delendi bla doluptatur aut
laborer uptatiur, testem rectem dolupta que optur
restis ratiam, sit laborro il ipsam, quatisc itatur
as excepedis conse volorepedia volupient eicid
mod quis rerum ipsandi onsequam destia veliquia
dioreribus qui autempo rehent dolorepe dolorunt.
Xersperspero eate ilici bero magnatur? Ped ullanit eum
et eaqui dolor acea consenisUllutem faccatem volupta
musdanissit restia quatiatint a ilia que vendam faccabo.
Ovidunt debit eatem aut omnihillabo. Me delesciusa
sum si quam sum, adigendebis aditibu saepuditis quame
nonsequ untibea quatiur solendae quis audae nistis et
Molorist que vollupt atistiation con num nis et
repello repernatiis delendi bla doluptatur aut laborer
uptatiur,testemrectemdoluptaqueopturrestisratiam,
sit laborro il ipsam, quatisc itatur as excepedis conse
volorepedia volupient eicid mod quis rerum ipsandi
onsequamdestiaveliquiadioreribusquiautemporehent
dolorepe dolorunt.

– drop caps (inicjały)
X
ersperspero eate ilici bero magnatur?
Ped ullanit eum et eaqui dolor acea
consenisUllutem faccatem volupta
musdanissit restia quatiatint a ilia que
vendam faccabo. Ovidunt debit eatem
adigendebis aditibu saepuditis quame nonsequ untibea
quatiur solendae quis audae nistis et moluptia nonsequi
te volorecab iliquat ped

– drop caps (inicjały)
ersperspero eate ilici bero magnatur?
Ped ullanit eum et eaqui dolor acea consenisUllutem
faccatem volupta musdanissit restia quatiatint a ilia que
vendam faccabo. Ovidunt debit eatem aut omnihillabo.
Me delesciusa sum si quam sum, adigendebis aditibu
saepuditis quame nonsequ untibea quatiur solendae
quis audae nistis et moluptia nonsequi te volorecab
iliquat ped

– line spacing and baseline grid
dolorepe dolorunt.
Title
Molorist que vollupt atistiation con num nis et repello
repernatiis delendi bla doluptatur aut laborer uptatiur,
testem rectem dolupta que optur restis ratiam, sit

– line spacing and baseline grid
dolorepe dolorunt.
Title
Molorist que vollupt atistiation con num nis et repello
repernatiis delendi bla doluptatur aut laborer uptatiur,

2
1
W
I
E
R
S
Z
E
Z
E
B
R
A
N
E
/
I
B
u
d
o
w
a
N
i
k
o
w
i
R
o
s
t
w
o
r
o
w
s
k
i
e
m
u
T
a
m
g
d
z
i
e
s
i
ę
k
u
r
z
y
n
a
c
z
e
r
w
o
n
o
W
z
i
e
l
o
n
e
j
b
l
u
z
i
e
g
d
z
i
e
r
ó
ż
o
w
e
W
i
e
r
z
c
h
o
ł
k
i
p
i
e
r
s
i
–
g
ó
r
y
z
ł
o
t
e
G
d
z
i
e
g
r
a
n
a
t
o
w
a
z
w
i
s
a
m
o
r
w
a
T
a
m
g
d
z
i
e
o
w
o
c
e
w
s
ł
o
n
y
m
p
o
c
i
e
O
b
m
y
t
e
–
w
u
s
t
a
n
a
p
o
s
p
i
e
s
z
n
i
e
D
z
i
e
w
c
z
y
n
a
z
r
y
w
a
t
a
m
g
d
z
i
e
o
b
ł
o
k
B
i
a
ł
y
j
a
k
ł
a
b
ę
d
ź
n
a
d
c
e
g
ł
a
m
i
I
ś
p
i
e
w
j
e
s
t
l
e
k
k
i
t
a
m
g
d
z
i
e
p
o
c
i
ą
g
S
y
c
z
ą
c
j
a
k
c
z
a
j
n
i
k
n
a
k
ó
ł
e
c
z
k
a
c
h
D
y
m
k
i
e
m
z
a
g
r
y
w
a
t
a
m
g
d
z
i
e
k
o
t
y
R
o
d
z
ą
t
u
z
i
n
y
p
a
l
ą
f
a
j
k
i
I
s
ł
o
d
k
o
c
h
ł
e
p
c
ą
r
o
s
ę
z
t
r
a
w
y
T
a
m
i
d
z
i
e
c
h
ł
o
p
a
k
z
c
h
u
s
t
ą
w
g
r
o
s
z
k
i
A
w
c
h
u
s
t
c
e
n
i
e
s
i
e
s
e
r
i
c
h
l
e
b
T
u
d
z
i
e
ż
z
a
l
a
n
e
w
s
z
t
o
k
p
i
c
c
o
l
o
Z
a
d
u
ż
o
p
i
ł
o
o
s
t
r
e
j
ś
l
i
n
y
2
4
S
T
A
N
I
S
Ł
A
W
G
R
O
C
H
O
W
I
A
K
P
i
e
ś
ń
o
M
a
r
c
h
o
ł
c
i
e
N
i
c
n
i
e
s
p
a
d
ł
o
p
r
o
s
t
o
z
n
i
e
b
a
,
N
i
c
s
i
ę
z
c
h
m
u
r
k
i
n
i
e
w
y
k
l
u
ł
o
–
W
i
a
t
r
p
r
z
y
n
o
s
i
t
o
,
c
o
w
i
a
t
r
…
Z
i
e
m
i
a
w
k
a
m
i
e
ń
s
z
c
z
o
d
r
o
b
l
i
w
a
.
T
a
k
w
i
ę
c
z
i
e
m
i
ę
ł
z
ą
s
i
ę
k
w
a
s
i
,
K
o
r
z
e
ń
z
ę
b
e
m
s
i
ę
w
y
r
y
w
a
–
N
i
c
n
i
e
s
p
a
d
ł
o
p
r
o
s
t
o
z
n
i
e
b
a
,
N
i
c
s
i
ę
z
c
h
m
u
r
k
i
n
i
e
w
y
k
l
u
ł
o
.
D
z
i
a
d
n
a
s
z
b
y
ł
p
i
e
r
s
i
a
s
t
y
c
h
ł
o
p
,
Ł
e
b
m
i
a
ł
k
u
t
y
s
z
t
y
l
e
t
a
m
i
,
N
o
s
n
a
b
a
k
i
e
r
,
u
s
z
y
z
g
ł
o
w
y
,
S
t
u
k
i
l
o
w
y
k
r
z
e
p
k
i
b
r
z
u
c
h
.
Z
w
a
ł
s
i
ę
M
a
r
c
h
o
ł
t
,
w
ś
l
i
s
k
i
c
h
p
o
r
t
k
a
c
h
–
A
g
i
t
a
r
a
w
n
i
m
j
a
k
o
w
o
c
.
L
e
d
w
o
s
m
y
k
!
p
a
l
u
c
h
e
m
w
s
t
r
u
n
ę
,
J
u
ż
d
y
m
i
ł
y
w
t
r
o
n
y
k
r
ó
l
e
.
C
z
u
l
e
ś
p
i
e
w
a
ł
,
g
n
i
e
w
n
i
e
ś
m
i
a
ł
s
i
ę
,
N
a
d
z
b
a
n
w
o
d
y
b
i
d
n
y
m
d
a
ł
s
i
ę
,
S
t
a
r
y
m
m
a
t
k
o
m
s
y
n
e
m
s
t
a
ł
s
i
ę
,
T
a
k
i
c
h
ł
o
p
.
P
i
e
r
o
ń
s
k
i
c
h
ł
o
p
.
W
y
,
c
o
l
e
d
w
o
ż
e
k
w
i
l
i
c
i
e
,
S
m
a
r
u
j
e
c
i
e
c
o
ś
w
p
o
s
z
y
c
i
e
,
P
o
s
ł
u
c
h
a
j
c
i
e
–
r
ą
b
i
e
d
z
w
o
n
,
M
a
r
c
h
o
ł
t
b
i
d
ę
w
b
a
r
y
k
l
e
p
i
e
.
H
e
j
,
n
i
e
d
ź
w
i
e
d
z
i
e
n
a
j
a
r
m
a
r
k
a
c
h
,
T
a
ń
c
u
j
ą
c
e
m
a
ł
p
y
r
ó
ż
n
e
,
S
e
n
a
t
o
r
o
m
d
y
g
a
b
r
z
u
c
h
,
W
k
t
ó
r
y
M
a
r
c
h
o
ł
t
g
o
d
z
i
n
o
ż
e
m
.
22
STANI SŁAW GROCHOWIAK
Humanizm
Przepływały słodkie statki po różowym morzu,
Wiatr ochładzał marynarzom malowane torsy…
Na okrętach wieźli złoto, cielęta i paki
Ze sznurami dzikich pereł. Cynamon i pieprz.
Jedni kupcy mieli brody posplatane w warkocz,
Drudzy kupcy mieli wąsy jak szable zagięte,
Suknie na nich falujące, szumiące puszyście,
A za złoto całowali śniade brzuszki dziewcząt.
O, malarze niepośledni. Obrazy, o dziwa –
O, statuy, o solniczki z toczonego złota,
O, magnolie w grzywach kobiet płynniejszych niż koty,
O, śnieżyste koty sjamskie przy wazonach róż.
Z tej to bajki wyrósł prosto ślepiec płaskonosy
Wielkie brzuchy chudych dziewcząt wgniecionych w kąt pryczy,
Psy, co jedzą naleśniki, dzieci bardzo krzywe,
Papierowe w błocie łódki, aspiryna, ość.
Z tej to bajki wyrósł prosto smrodliwy ogarek,
Kwaśna zupa na talerzu, zgnieciony ogórek,
Gwizd syreny w ciemnym mieście, co urąga światłu,
Z tej to bajki wyrósł prosto Ska – Syn – and Co…
I dlatego, Czytelniku, aż nad wyraz czule
Mówię wyraz wyświechtany, zużyty na słupach –
Mówię słowo najpiękniejsze: rzeczownik Socjalizm.
Socjalizmu… Socjalizmem… Zwykły socjalizmie!
23
WIERSZE ZEBRANE / I
Kierat
Obraz malowany smołą na kudłatej desce:
Dwa czarne karki oooj!
Zaparte w ziemię suche stopy eeej!
Bolące ojej – ojej bolące ręce!
Kierat w kółko, w kółko jak arena.
Raz – w grzbiet!
Raz – w łeb!
Raz – w brzuch!
Uch, co za wywrotna ziemia!
A za oknem w tysiącu muślinów,
Wymów to, serce zakochane – wymów:
Że dziewczyna, że twarz – no, kamienowanie,
Cierpienie, pożądanie – jej ramię.
Jej ramię – jej palec, wiolin,
Pisze na szybie kółka,
Koła, kółka, kółeczka powoli.
Tak powoli jak kierat.
Tak powoli jak stopy.
Tak powoli jak grzbiety.
Ten obraz widziałem w salonie
Pewnej bardzo bogatej kobiety.
– Ach!

P0
P1
P2
P3
– computers and fonts: Bézier curves

– Opentype:

Unicode character encoding – can support any
writing script

up to 65,536 glyphs

advanced features: ligatures; kerning, mark
placement, and baseline specification

cross-platform font files – Mac OS, Microsoft
Windows and Unix/Linux systems

considerably smaller than previous formats

– File formats:
PC: otf, ttf
WEB: woff, woff2, eot

– computers and fonts: pixels

– computers and fonts: antialiasing

– computers and fonts: subpixel antialiasing

– computers and fonts: hinting

Mimuw hci2021-2

More Related Content

More from emilka bojańczyk (9)

Mimuw hci2021-2