Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about font subsetting₂

TIL about font subsetting₂

Lightning talk about subsetting fonts with Font Squirrel’s Webfont Generator and Glyphhanger
For links to resources, see https://noti.st/gunnarbittersmann/zUEnRp/til-about-font-subsetting2

Gunnar Bittersmann

November 25, 2022
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

Transcript

  1. TIL 
 about font subsetting₂

  2. TIL 
 about font subsetting

  3. 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
  4. None
  5. ż ę

  6. None
  7. None
  8. FOIT Flash of invisible text

  9. FOUT Flash of unstyled text

  10. FOUT Flash of unstyled text

  11. Bundesarchiv, Bild 183-58117-0010 / CC-BY-SA 3.0

  12. None
  13. basic

  14. extended basic

  15. None
  16. None
  17. None
  18. @font - face { font - family: Fira Sans; src:

    url("Fira-Sans - basic.woff2") format("woff2"); font - style: normal; font - weight: 400; font - display: swap; unicode - range: U+0020-0022,U+0024-003B,U+003F-005A,U+0061-007A,U+00A0,U+00AB } @font - face { font - family: Fira Sans; src: url("Fira-Sans - extended.woff2") format("woff2"); font - style: normal; font - weight: 400; font - display: swap; unicode - range: U+0023,U+003C-003E,U+005B-0060,U+007B-007E,U+00A1-00AA,U+00AC } @font - face { font - family: Fira Sans; src: url("Fira-Sans - other.woff2") format("woff2"); - <link rel="preload" href="Fira-Sans - basic.woff2" as="font" />
  19. Biblioteka Uniwersytecka w Warszawie