💄(frontend) cleanup Marianne font files

- to improve performances and to encourage to have a less "spread out"
design accross the app, we should avoid using loads of font weight
(light, extra bold, light italic, etc.).

I suggest removing all together the unused font weights for now, and
removing from the tokens the extraneous weights.

This makes the app globally faster to load. Also, we use woff2 format
that is widely supported since years now, instead of woff2, to gain a
bit of weight.
This commit is contained in:
Emmanuel Pelletier
2024-09-12 15:23:09 +02:00
parent 73bb935c54
commit 9e8376a27c
17 changed files with 3 additions and 67 deletions
-5
View File
@@ -15,11 +15,6 @@ const config = {
h5: '1rem',
h6: '0.87rem',
},
weights: {
thin: 100,
extrabold: 800,
black: 900,
},
},
spacings: {
'0': '0',
@@ -1,77 +1,18 @@
@font-face {
font-family: Marianne;
src: url('Marianne-Thin.woff') format('truetype');
font-weight: 100;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Thin_Italic.woff') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Light.woff') format('truetype');
font-weight: 300;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Light_Italic.woff') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Regular.woff') format('truetype');
src: url('Marianne-Regular.woff2') format('woff2');
font-weight: 400;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Regular_Italic.woff') format('truetype');
src: url('Marianne-Italic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Medium.woff') format('truetype');
font-weight: 500;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Medium_Italic.woff') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Bold.woff') format('truetype');
src: url('Marianne-Bold.woff2') format('woff2');
font-weight: 700;
}
@font-face {
font-family: Marianne;
src: url('Marianne-Bold_Italic.woff') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('Marianne-ExtraBold.woff') format('truetype');
font-weight: 800;
}
@font-face {
font-family: Marianne;
src: url('Marianne-ExtraBold_Italic.woff') format('truetype');
font-weight: 800;
font-style: italic;
}