fonts: fix local imports, ship Inter typeface

gbdev · Dec 17, 2023 · fa39ccb · fa39ccb
1 parent 8fc7831
commit fa39ccb
Show file tree

Hide file tree

Showing 22 changed files with 46 additions and 4 deletions.
diff --git a/custom/style.css b/custom/style.css
@@ -1,7 +1,10 @@
-/* Import Fira Code font */
-@import "/pandocs/fonts/fira_code.css";
-/* Import Inter font */
-@import url("https://rsms.me/inter/inter.css");
+/*
+Import Fira Code and Inter main stylesheets
+This is broken when locally deploying with "mdbook serve"
+because site-url is not used. Remove "/pandocs" to make it work
+*/
+@import "../fonts/fira_code.css";
+@import "../fonts/inter.css";
 
 html {
   font-family: "Inter", sans-serif;

diff --git a/src/fonts/Inter-Black.woff2 b/src/fonts/Inter-Black.woff2
diff --git a/src/fonts/Inter-BlackItalic.woff2 b/src/fonts/Inter-BlackItalic.woff2
diff --git a/src/fonts/Inter-Bold.woff2 b/src/fonts/Inter-Bold.woff2
diff --git a/src/fonts/Inter-BoldItalic.woff2 b/src/fonts/Inter-BoldItalic.woff2
diff --git a/src/fonts/Inter-ExtraBold.woff2 b/src/fonts/Inter-ExtraBold.woff2
diff --git a/src/fonts/Inter-ExtraBoldItalic.woff2 b/src/fonts/Inter-ExtraBoldItalic.woff2
diff --git a/src/fonts/Inter-ExtraLight.woff2 b/src/fonts/Inter-ExtraLight.woff2
diff --git a/src/fonts/Inter-ExtraLightItalic.woff2 b/src/fonts/Inter-ExtraLightItalic.woff2
diff --git a/src/fonts/Inter-Italic.woff2 b/src/fonts/Inter-Italic.woff2
diff --git a/src/fonts/Inter-Light.woff2 b/src/fonts/Inter-Light.woff2
diff --git a/src/fonts/Inter-LightItalic.woff2 b/src/fonts/Inter-LightItalic.woff2
diff --git a/src/fonts/Inter-Medium.woff2 b/src/fonts/Inter-Medium.woff2
diff --git a/src/fonts/Inter-MediumItalic.woff2 b/src/fonts/Inter-MediumItalic.woff2
diff --git a/src/fonts/Inter-Regular.woff2 b/src/fonts/Inter-Regular.woff2
diff --git a/src/fonts/Inter-SemiBold.woff2 b/src/fonts/Inter-SemiBold.woff2
diff --git a/src/fonts/Inter-SemiBoldItalic.woff2 b/src/fonts/Inter-SemiBoldItalic.woff2
diff --git a/src/fonts/Inter-Thin.woff2 b/src/fonts/Inter-Thin.woff2
diff --git a/src/fonts/Inter-ThinItalic.woff2 b/src/fonts/Inter-ThinItalic.woff2
diff --git a/src/fonts/InterVariable-Italic.woff2 b/src/fonts/InterVariable-Italic.woff2
diff --git a/src/fonts/InterVariable.woff2 b/src/fonts/InterVariable.woff2
diff --git a/src/fonts/inter.css b/src/fonts/inter.css
@@ -0,0 +1,39 @@
+/* Variable fonts usage:
+:root { font-family: "Inter", sans-serif; }
+@supports (font-variation-settings: normal) {
+  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
+} */
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("InterVariable.woff2") format("woff2");
+}
+@font-face {
+  font-family: InterVariable;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("InterVariable-Italic.woff2") format("woff2");
+}
+
+/* static fonts */
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }