TIL about font subsetting₂

A presentation at Tech Talk @ Tagesspiegel in November 2022 in by Gunnar Bittersmann

Slide 1

Slide 1

TIL about font subsetting₂

Slide 2

Slide 2

TIL about font subsetting

Slide 3

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

Slide 4

Slide 4

Slide 5

Slide 5

ż ę

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

FOIT Flash of invisible text

Slide 9

Slide 9

FOUT Flash of unstyled text

Slide 10

Slide 10

FOUT Flash of unstyled text

Slide 11

Slide 11

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

Slide 12

Slide 12

Slide 13

Slide 13

basic

Slide 14

Slide 14

basic extended

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

<link rel=”preload” href=”Fira-Sans basic.woff2” as=”font”/>

@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”);

Slide 19

Slide 19

Biblioteka Uniwersytecka w Warszawie