$30 off During Our Annual Pro Sale. View Details »

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₂

    View Slide

  2. TIL

    about font subsetting

    View Slide

  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

    View Slide

  4. View Slide

  5. ż
    ę

    View Slide

  6. View Slide

  7. View Slide

  8. FOIT


    Flash of invisible text

    View Slide

  9. FOUT


    Flash of unstyled text

    View Slide

  10. FOUT


    Flash of unstyled text

    View Slide

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

    View Slide

  12. View Slide

  13. basic

    View Slide

  14. extended
    basic

    View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  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");


    -

    />

    View Slide

  19. Biblioteka Uniwersytecka w Warszawie

    View Slide