A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann
TIL about font subsetting
internationalisation aàá ąåäã αאअ performance a ä
font-family: Abril Text font-family: Abril Text; font-variant-numeric: lining-nums tabular-nums
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-17F U+20-17F Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-17F U+20-17F Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 43.35 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 48.62 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-17F U+20-17F 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+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F 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 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 45.1 KB) ~/Library/Fonts/Abril $
~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-7E U+20-7E Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.17 KB) ~/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 U+20-7E,U+C4,U+D6,U+DC,U+DF,U+E4,U+F6,U+FC Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 29.95 KB) ~/Library/Fonts/Abril $ 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 $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-17F U+20-17F 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+2010-2015,U+2018-201A,U+2026,U+2030,U+2032-2034,U+2070-2079,U+2080-2089,U+20AC,U+2150-215F 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 Subsetting Abril_Text_Regular.otf to Abril_Text_Regular-subset.woff2 (was 133.95 KB, now 45.1 KB) ~/Library/Fonts/Abril $ glyphhanger —subset=Abril_Text_Regular.otf —formats=woff2 —whitelist=U+20-17F ,U+2000-20BF,U+2150-215F 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 $
90 80 70 60 50 40 30 20 10 0 Basic Latin (ASCII)
Regular Bold Italic BoldItalic 0 17,5 de-subset 35 ext-subset 52,5 subset 70
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
Lightning talk about subsetting fonts with Glyphhanger
The following resources were mentioned during the presentation or are useful additional information.
by Zach Leatherman
