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

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