Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
TIL about font subsetting
Gunnar Bittersmann
March 23, 2020
Design
2
19
TIL about font subsetting
Lightning talk about subsetting fonts with Glyphhanger
Gunnar Bittersmann
March 23, 2020
Tweet
Share
More Decks by Gunnar Bittersmann
See All by Gunnar Bittersmann
gunnarbittersmann
0
42
gunnarbittersmann
0
17
gunnarbittersmann
0
12
gunnarbittersmann
1
30
gunnarbittersmann
0
32
gunnarbittersmann
0
25
gunnarbittersmann
0
51
gunnarbittersmann
0
63
gunnarbittersmann
0
65
Other Decks in Design
See All in Design
misty_marsden
PRO
0
140
datavisualizationjapan
0
270
nozomiarai
1
610
jvmal
0
280
chrispy
0
150
juliannaromero
0
750
bamfonyy
0
410
chrispy
0
100
bread
0
130
avyjonsay
0
100
joon9525
0
130
lily2251390
0
280
Featured
See All Featured
eileencodes
113
25k
roundedbygravity
84
7.9k
cromwellryan
103
6.1k
brianwarren
83
4.7k
sachag
446
36k
akmur
252
19k
robhawkes
52
2.8k
philnash
9
580
productmarketing
5
710
colly
66
3k
ddemaree
273
31k
marcelosomers
220
15k
Transcript
TIL about font subsetting
None
internationalisation performance a à á ą å ä ã α
א अ a ä
font-family: Abril Text font-family: Abril Text; font-variant-numeric: lining-nums tabular-nums
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to
Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB)
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril
$ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB)
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril
$ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB)
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting
Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC ~/Library/Fonts/Abril $
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting
Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting
Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting
Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F U+20-17F ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB)
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting
Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F U+20-17F ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB)
Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 45.1 KB)
U+20-7E,U+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F ,U+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F U+20-17F ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB) ~/Library/Fonts/Abril $
glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F ,U+2000-20BF,U+2150-215F Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was
133.95 KB, now 45.1 KB) U+20-7E,U+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F ,U+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E, U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ U+20-7E ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-FF U+20-FF Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 36.48 KB) ~/Library/Fonts/Abril $ ~/Library/Fonts/Abril $ glyphhanger --subset=Abril_Text_Regular.otf --formats=woff2 --whitelist=U+20-17F U+20-17F ~/Library/Fonts/Abril $ Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB) ~/Library/Fonts/Abril $ U+20-7E,U+2000-20BF,U+2150-215F Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 45.7 KB) ~/Library/Fonts/Abril $
0 10 20 30 40 50 60 70 80 90
Basic Latin (ASCII) + ÄÖÜäöüß + Latin-1 Supplement + Latin Extended-A + einige Satzzeichen etc. + Blöcke Satzzeichen etc. alle Zeichen (kein Subset)
Regular Bold Italic BoldItalic 0 17,5 35 52,5 70 de-subset
ext-subset subset
Das Portal der Berliner Stadtbibliothek in der Breiten Straße 32–34
in Berlin-Mitte. Es zeigt Stahlplatten mit 117 Variationen des Buchstaben A, geschaffen 1965 von Fritz Kühn. Foto: Jörg Zägel, CC BY-SA 3.0