A presentation at UXcamp Europe 2021 by Gunnar Bittersmann
TYPE WEB ON THE
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
legibility readability ease with which a reader can decode symbols ease with which a reader can follow and understand words, sentences and paragraphs.
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.
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.
FOIT FOUT FUCK
https://twitter.com/g16n/status/919575737514029056
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.
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.
Oliver Schöndorfer’s YouTube channel “Pimp My Type” https://www.youtube.com/channel/UCWx7XB4FNFU0UFqhNE99nMQ https://www.youtube.com/watch?v=rebBU7GA9J4
Alexanderplatz ascent cap height mean line x-height baseline descent
font size Älexanderplatz ascent cap height mean line x-height baseline descent
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.
!
! !
A session on web typography which has a huge impact on UX
The following resources were mentioned during the presentation or are useful additional information.
Oliver Schöndorfer’s YouTube channel
video from Pimp My Type
Example of different fonts used for display text, body text, and functional text
The following code examples from the presentation can be tried out live.
Here’s what was said about this presentation on social media.
