Generate css index to import the Marianne font without the DSFR

Author: garronej

scripts/build/build.ts

@@ -5,8 +5,8 @@ import * as fs from "fs";
 import { getPatchedRawCssCodeForCompatWithRemixIcon, collectIcons } from "./icons";
 import { cssToTs } from "./cssToTs";
 import {
-    pathOfPatchedRawCssCodeForCompatWithRemixIconRelativeToDsfrDist,
-    pathOfIconsJson
+    PATH_OF_PATCHED_RAW_CSS_CODE_FOR_COMPAT_WITH_REMIXICON_RELATIVE_TO_DSFR,
+    PATH_OF_ICONS_JSON
 } from "../../src/bin/only-include-used-icons";
 import * as child_process from "child_process";
 import { patchCssForMui } from "./patchCssForMui";
@@ -31,10 +31,18 @@ import yargsParser from "yargs-parser";
         "recursive": true
     });
 
+    fs.cpSync(
+        pathJoin(__dirname, "marianne-index.css"),
+        pathJoin(dsfrDirPath, "fonts", "index.css")
+    );
+
     const rawDsfrCssCode = fs.readFileSync(pathJoin(dsfrDirPath, "dsfr.css")).toString("utf8");
 
     fs.writeFileSync(
-        pathJoin(dsfrDirPath, pathOfPatchedRawCssCodeForCompatWithRemixIconRelativeToDsfrDist),
+        pathJoin(
+            dsfrDirPath,
+            PATH_OF_PATCHED_RAW_CSS_CODE_FOR_COMPAT_WITH_REMIXICON_RELATIVE_TO_DSFR
+        ),
         Buffer.from(
             getPatchedRawCssCodeForCompatWithRemixIcon({
                 "rawCssCode": rawDsfrCssCode
@@ -66,7 +74,7 @@ import yargsParser from "yargs-parser";
     });
 
     fs.writeFileSync(
-        pathJoin(dsfrDirPath, pathOfIconsJson),
+        pathJoin(dsfrDirPath, PATH_OF_ICONS_JSON),
         Buffer.from(JSON.stringify(icons, null, 2), "utf8")
     );
 

scripts/build/marianne-index.css

@@ -0,0 +1,99 @@
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Light.woff2") format("woff2"),
+        url("./Marianne-Light.woff") format("woff");
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Light_Italic.woff2") format("woff2"),
+        url("./Marianne-Light_Italic.woff") format("woff");
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Regular.woff2") format("woff2"),
+        url("./Marianne-Regular.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Regular_Italic.woff2") format("woff2"),
+        url("./Marianne-Regular_Italic.woff") format("woff");
+    font-weight: 400;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Medium.woff2") format("woff2"),
+        url("./Marianne-Medium.woff") format("woff");
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Medium_Italic.woff2") format("woff2"),
+        url("./Marianne-Medium_Italic.woff") format("woff");
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Bold.woff2") format("woff2"),
+        url("./Marianne-Bold.woff") format("woff");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Marianne;
+    src:
+        url("./Marianne-Bold_Italic.woff2") format("woff2"),
+        url("./Marianne-Bold_Italic.woff") format("woff");
+    font-weight: 700;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Spectral;
+    src:
+        url("./Spectral-Regular.woff2") format("woff2"),
+        url("./Spectral-Regular.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: Spectral;
+    src:
+        url("./Spectral-ExtraBold.woff2") format("woff2"),
+        url("./Spectral-ExtraBold.woff") format("woff");
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}