Type on the Web

A presentation at UXcamp Europe 2021 in June 2021 in by Gunnar Bittersmann

Slide 1

Slide 1

TYPE WEB ON THE

Slide 2

Slide 2

Slide 3

Slide 3

Il-18 Il-18 Il-18 Ил-18 Neue Helvetica Roboto “Il-18” in different typefaces: Neue Helvetica, Roboto, Fira Sans Kaboldy, CC BY-SA 3.0 Fira Sans

Slide 4

Slide 4

legibility readability ease with which a reader can decode symbols ease with which a reader can follow and understand words, sentences and paragraphs.

Slide 5

Slide 5

Slide 6

Slide 6

Universal Declaration of Human Rights All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.

Slide 7

Slide 7

Universal Declaration of Human Rights All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.

Slide 8

Slide 8

Slide 9

Slide 9

FOIT FOUT FUCK

Slide 10

Slide 10

https://twitter.com/g16n/status/919575737514029056

Slide 11

Slide 11

Slide 12

Slide 12

Universal Declaration of Human Rights All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.

Slide 13

Slide 13

Universal Declaration of Human Rights All human beings are born free and equal in dignity and rights. They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood.

Slide 14

Slide 14

Oliver Schöndorfer’s YouTube channel “Pimp My Type” https://www.youtube.com/channel/UCWx7XB4FNFU0UFqhNE99nMQ https://www.youtube.com/watch?v=rebBU7GA9J4

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Alexanderplatz ascent cap height mean line x-height baseline descent

Slide 21

Slide 21

font size Älexanderplatz ascent cap height mean line x-height baseline descent

Slide 22

Slide 22

10 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 25 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

!

Slide 26

Slide 26

Slide 27

Slide 27

! !

Slide 28

Slide 28