docs(fonts): revert fontsource

Author: thejackshelton

apps/website/src/global.css

@@ -50,6 +50,36 @@
   --qwikui-slate-900: #0f172a;
   --qwikui-slate-950: #020617;
 
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    font-display: fallback;
+    src: url('/fonts/poppins-400.woff2') format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    font-display: fallback;
+    src: url('/fonts/poppins-500.woff2') format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    font-display: fallback;
+    src: url('/fonts/poppins-700.woff2') format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+      U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
+
   /* light themed shadows */
   --light-shadow-color: 0deg 0% 63%;
   --light-shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var(--light-shadow-color) / 0.34),

apps/website/src/routes/layout-landing.tsx

@@ -6,16 +6,6 @@ import { useRootStore } from '../_state/use-root-store';
 import { Footer } from './_components/footer/footer';
 import { DocsNavigation } from './docs/_components/navigation-docs/navigation-docs';
 
-import '@fontsource/poppins/100.css';
-import '@fontsource/poppins/200.css';
-import '@fontsource/poppins/300.css';
-import '@fontsource/poppins/400.css';
-import '@fontsource/poppins/500.css';
-import '@fontsource/poppins/600.css';
-import '@fontsource/poppins/700.css';
-import '@fontsource/poppins/800.css';
-import '@fontsource/poppins/900.css';
-
 export default component$(() => {
   // useStyles$(globalStyles);
 

apps/website/src/routes/layout.tsx

@@ -14,16 +14,6 @@ import {
 import { useSelectedKit } from './docs/use-selected-kit';
 import prismStyles from './prism.css?inline';
 
-import '@fontsource/poppins/100.css';
-import '@fontsource/poppins/200.css';
-import '@fontsource/poppins/300.css';
-import '@fontsource/poppins/400.css';
-import '@fontsource/poppins/500.css';
-import '@fontsource/poppins/600.css';
-import '@fontsource/poppins/700.css';
-import '@fontsource/poppins/800.css';
-import '@fontsource/poppins/900.css';
-
 export default component$(() => {
   useStyles$(prismStyles);
   useStyles$(docsStyles);

package.json

@@ -116,7 +116,6 @@
     "components library"
   ],
   "dependencies": {
-    "@fontsource/poppins": "5.0.8",
     "tslib": "^2.6.2"
   }
 }