website/public/fonts/readme.md

We use a subset of Marianne font because we know we use just a few characters for our list. This
shrinks the font file size noticeably!

Example command to use to generate the subset with glyphhanger:

```
glyphhanger \
  --subset="./Marianne-Regular.woff2" \
  --formats=woff2 \
  --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).
-												first commit:

- we have a static astro website under /website. It has the
implementation docs of the homepage/gaufre templates, and it handles the
few API endpoints (the gaufre js, backgrounds, logos)
- we have a vite app under /packages/integration. It has the react
components generating the homepage and the gaufre button, and their css.
Its used to generate an npm package

											
										
										
											2024-04-22 11:19:08 +02:00
+								We use a subset of Marianne font because we know we use just a few characters for our list. This
 								shrinks the font file size noticeably!
 								Example command to use to generate the subset with glyphhanger:
 								```
 								glyphhanger \
 								  --subset="./Marianne-Regular.woff2" \
 								  --formats=woff2 \
 								  --whitelist="DeskLaSuiteNumériqueMessagerieTchapResanaFranceTransfertContactsGristLePadWebConférencedel'ÉtatWebinaire  "
 								```
-												gaufre: update font subset with new characters

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?

											
										
										
											2024-06-21 14:19:40 +02:00
+								## ⚠
 								Make sure to also update the `unicode-range` on the `@font-face` CSS rule. You can get it on the
 								glyphhanger command output.
-												first commit:

- we have a static astro website under /website. It has the
implementation docs of the homepage/gaufre templates, and it handles the
few API endpoints (the gaufre js, backgrounds, logos)
- we have a vite app under /packages/integration. It has the react
components generating the homepage and the gaufre button, and their css.
Its used to generate an npm package

											
										
										
											2024-04-22 11:19:08 +02:00
+								Assuming you have the Marianne-Regular.woff2 file (you can take it from the DSFR).