feat: no external ressources (#202)

* chore: move the fonts locally for no 3rd party integrations * fix: change the root path
HemmeligOrg · Aug 23, 2023 · d9ad6c3 · d9ad6c3
1 parent 7d30fa9
commit d9ad6c3
Show file tree

Hide file tree

Showing 41 changed files with 138 additions and 4 deletions.
diff --git a/public/fonts/Inter-Black.woff b/public/fonts/Inter-Black.woff
diff --git a/public/fonts/Inter-Black.woff2 b/public/fonts/Inter-Black.woff2
diff --git a/public/fonts/Inter-BlackItalic.woff b/public/fonts/Inter-BlackItalic.woff
diff --git a/public/fonts/Inter-BlackItalic.woff2 b/public/fonts/Inter-BlackItalic.woff2
diff --git a/public/fonts/Inter-Bold.woff b/public/fonts/Inter-Bold.woff
diff --git a/public/fonts/Inter-Bold.woff2 b/public/fonts/Inter-Bold.woff2
diff --git a/public/fonts/Inter-BoldItalic.woff b/public/fonts/Inter-BoldItalic.woff
diff --git a/public/fonts/Inter-BoldItalic.woff2 b/public/fonts/Inter-BoldItalic.woff2
diff --git a/public/fonts/Inter-ExtraBold.woff b/public/fonts/Inter-ExtraBold.woff
diff --git a/public/fonts/Inter-ExtraBold.woff2 b/public/fonts/Inter-ExtraBold.woff2
diff --git a/public/fonts/Inter-ExtraBoldItalic.woff b/public/fonts/Inter-ExtraBoldItalic.woff
diff --git a/public/fonts/Inter-ExtraBoldItalic.woff2 b/public/fonts/Inter-ExtraBoldItalic.woff2
diff --git a/public/fonts/Inter-ExtraLight.woff b/public/fonts/Inter-ExtraLight.woff
diff --git a/public/fonts/Inter-ExtraLight.woff2 b/public/fonts/Inter-ExtraLight.woff2
diff --git a/public/fonts/Inter-ExtraLightItalic.woff b/public/fonts/Inter-ExtraLightItalic.woff
diff --git a/public/fonts/Inter-ExtraLightItalic.woff2 b/public/fonts/Inter-ExtraLightItalic.woff2
diff --git a/public/fonts/Inter-Italic.woff b/public/fonts/Inter-Italic.woff
diff --git a/public/fonts/Inter-Italic.woff2 b/public/fonts/Inter-Italic.woff2
diff --git a/public/fonts/Inter-Light.woff b/public/fonts/Inter-Light.woff
diff --git a/public/fonts/Inter-Light.woff2 b/public/fonts/Inter-Light.woff2
diff --git a/public/fonts/Inter-LightItalic.woff b/public/fonts/Inter-LightItalic.woff
diff --git a/public/fonts/Inter-LightItalic.woff2 b/public/fonts/Inter-LightItalic.woff2
diff --git a/public/fonts/Inter-Medium.woff b/public/fonts/Inter-Medium.woff
diff --git a/public/fonts/Inter-Medium.woff2 b/public/fonts/Inter-Medium.woff2
diff --git a/public/fonts/Inter-MediumItalic.woff b/public/fonts/Inter-MediumItalic.woff
diff --git a/public/fonts/Inter-MediumItalic.woff2 b/public/fonts/Inter-MediumItalic.woff2
diff --git a/public/fonts/Inter-Regular.woff b/public/fonts/Inter-Regular.woff
diff --git a/public/fonts/Inter-Regular.woff2 b/public/fonts/Inter-Regular.woff2
diff --git a/public/fonts/Inter-SemiBold.woff b/public/fonts/Inter-SemiBold.woff
diff --git a/public/fonts/Inter-SemiBold.woff2 b/public/fonts/Inter-SemiBold.woff2
diff --git a/public/fonts/Inter-SemiBoldItalic.woff b/public/fonts/Inter-SemiBoldItalic.woff
diff --git a/public/fonts/Inter-SemiBoldItalic.woff2 b/public/fonts/Inter-SemiBoldItalic.woff2
diff --git a/public/fonts/Inter-Thin.woff b/public/fonts/Inter-Thin.woff
diff --git a/public/fonts/Inter-Thin.woff2 b/public/fonts/Inter-Thin.woff2
diff --git a/public/fonts/Inter-ThinItalic.woff b/public/fonts/Inter-ThinItalic.woff
diff --git a/public/fonts/Inter-ThinItalic.woff2 b/public/fonts/Inter-ThinItalic.woff2
diff --git a/public/fonts/Inter-italic.var.woff2 b/public/fonts/Inter-italic.var.woff2
diff --git a/public/fonts/Inter-roman.var.woff2 b/public/fonts/Inter-roman.var.woff2
diff --git a/public/fonts/Inter.var.woff2 b/public/fonts/Inter.var.woff2
diff --git a/server.js b/server.js
@@ -53,7 +53,7 @@ fastify.register(rateLimit, {
 fastify.register(helmet, {
     contentSecurityPolicy: {
         directives: {
-            'font-src': ["'self'", 'https://rsms.me/'],
+            'font-src': ["'self'"],
             'script-src': ["'self'", "'unsafe-inline'"],
             upgradeInsecureRequests: null,
         },

diff --git a/src/client/index.css b/src/client/index.css
@@ -1,12 +1,146 @@
-@import url('https://rsms.me/inter/inter.css');
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 100;
+    font-display: swap;
+    src: url('/fonts/Inter-Thin.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 100;
+    font-display: swap;
+    src: url('/fonts/Inter-ThinItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 200;
+    font-display: swap;
+    src: url('/fonts/Inter-ExtraLight.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 200;
+    font-display: swap;
+    src: url('/fonts/Inter-ExtraLightItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url('/fonts/Inter-Light.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url('/fonts/Inter-LightItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url('/fonts/Inter-Regular.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url('/fonts/Inter-Italic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url('/fonts/Inter-Medium.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 500;
+    font-display: swap;
+    src: url('/fonts/Inter-MediumItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url('/fonts/Inter-SemiBold.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 600;
+    font-display: swap;
+    src: url('/fonts/Inter-SemiBoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url('/fonts/Inter-Bold.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: url('/fonts/Inter-BoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url('/fonts/Inter-ExtraBold.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 800;
+    font-display: swap;
+    src: url('/fonts/Inter-ExtraBoldItalic.woff2') format('woff2');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: url('/fonts/Inter-Black.woff2') format('woff2');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 900;
+    font-display: swap;
+    src: url('/fonts/Inter-BlackItalic.woff2') format('woff2');
+}
+
 html {
     font-family: 'Inter', sans-serif;
 }
-@supports (font-variation-settings: normal) {
+/* @supports (font-variation-settings: normal) {
     html {
         font-family: 'Inter var', sans-serif;
     }
-}
+} */
 
 * {
     box-sizing: border-box;