A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
OPENTYPE FEATURES
FONT-FORMATE
@font-face { font-family: ‘What The Font’; font-weight: normal; font-style: normal; src: url(‘wtf.eot’); src: url(‘wtf.eot?#iefix’) format(‘embedded-opentype’), url(‘wtf.woff2’) format(‘woff2’), url(‘wtf.woff’) format(‘woff’), url(‘wtf.ttf’) format(‘truetype’), url(‘wtf.svg#wtf’) format(‘svg’) }
WOFF Weg mit den ollen Font-Formaten!
LIGATUREN
Bei gebrochenen Schriften werden im Deutschen die Zwangsligaturen ch, ck, ſt und tz sowie der Buchstabe ß nicht aufgelöst. (Wikipedia: Sperrsatz)
Zahlen
oldstyle vs. lining proportional vs. tabular ordinal fractions subscripts slashed zero
font-family: Abril Text font-family: Abril Text; font-variant-numeric: lining-nums tabular-nums font-family: Abril Display; font-variant-numeric: lining-nums tabular-nums
STILISTISCHE & LOKALE VARIANTEN
@font-face { font-family: ‘What The Font’; font-weight: normal; font-style: normal; src: url(‘wtf.woff2’) format(‘woff2’); } @font-face { font-family: ‘What The Font’; font-weight: normal; font-style: italic; src: url(‘wtf-italic.woff2’) format(‘woff2’); }
ERWERBSREGEL 3: Gib niemals mehr für einen Erwerb aus als es unbedingt sein muss.
ERWERBSREGEL 239: Hab keine Angst davor, ein Produkt falsch zu etikettieren.
Foto: Bratkrk CC BY-SA 3.0
KAPITÄLCHEN
TIL über das große ẞ
photo: Yevgeny Khaldei, source: mil.ru, CC BY 4.0
Eine Auswahl von OpenType-Features in CSS:
The following resources were mentioned during the presentation or are useful additional information.
The following code examples from the presentation can be tried out live.
Here’s what was said about this presentation on social media.
