From f29325a7f4f0d45276be1d824020914164d9a9ba Mon Sep 17 00:00:00 2001 From: Emmanuel Pelletier Date: Fri, 21 Jun 2024 14:19:40 +0200 Subject: [PATCH] gaufre: update font subset with new characters MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit command used (assuming Marianne-Regular.woff2 is in website/public/fonts dir, taken from the dsfr): glyphhanger \ --subset="./Marianne-Regular.woff2" \ --formats=woff2 \ --whitelist="DémarchessimplifiéesFranceTransfertGristNotepaddel'ÉtatRDVServicePublicResanaTchapWebConférencedel'ÉtatWebinairedel'ÉtatFermer✕ " we had feedback where text in the popup was rendered with completely random characters… adding the unicode range should help? --- .../fonts/Marianne-Regular-subset.woff2 | Bin 5048 -> 4476 bytes website/public/fonts/readme.md | 5 +++++ website/src/components/GaufrePage.astro | 2 ++ 3 files changed, 7 insertions(+) diff --git a/website/public/fonts/Marianne-Regular-subset.woff2 b/website/public/fonts/Marianne-Regular-subset.woff2 index fc69060068cdeb367acec47d28311e6bd75075ff..47825af8ed9d8b7d972376a77fcf72c281f3b078 100644 GIT binary patch literal 4476 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 OFyisDRmIn&0ssJ@n_*A@ literal 5048 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 O^7Q>ygTC@J00027q?d63 diff --git a/website/public/fonts/readme.md b/website/public/fonts/readme.md index 45a65aa..1dcd765 100644 --- a/website/public/fonts/readme.md +++ b/website/public/fonts/readme.md @@ -10,4 +10,9 @@ glyphhanger \ --whitelist="DeskLaSuiteNumériqueMessagerieTchapResanaFranceTransfertContactsGristLePadWebConférencedel'ÉtatWebinaire  " ``` +## ⚠ + +Make sure to also update the `unicode-range` on the `@font-face` CSS rule. You can get it on the +glyphhanger command output. + Assuming you have the Marianne-Regular.woff2 file (you can take it from the DSFR). diff --git a/website/src/components/GaufrePage.astro b/website/src/components/GaufrePage.astro index 5d05b5d..9b43309 100644 --- a/website/src/components/GaufrePage.astro +++ b/website/src/components/GaufrePage.astro @@ -22,6 +22,8 @@ const { services } = Astro.props @font-face { font-family: "La Gaufre"; src: url("/fonts/Marianne-Regular-subset.woff2") format("woff2"); + unicode-range: U+20, U+27, U+43, U+44, U+46, U+47, U+4E, U+50, U+52-54, U+56, U+57, + U+61-66, U+68, U+69, U+6C-70, U+72-76, U+A0, U+C9, U+E9, U+2715; font-weight: 400; font-display: swap; }