remove font

.changeset/curvy-icons-float.md

@@ -0,0 +1,17 @@
+---
+"@shopware-ag/meteor-component-library": major
+---
+
+Removed Inter from css bundle
+
+To reduce bundle size, we've removed the Inter font from our styles.
+This means that you're now responsible for loading Inter yourself.
+
+To make things easier, we want to share our recommended approach
+to including Inter in your project.
+
+```html
+<!-- Include those in your head element -->
+<link rel="preconnect" href="https://rsms.me/" />
+<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+```

examples/nuxt-app/nuxt.config.ts

@@ -2,7 +2,21 @@
 export default defineNuxtConfig({
   devtools: { enabled: false },
   devServer: {
-    host: '127.0.0.1',
+    host: "127.0.0.1",
     port: 3000,
   },
+  app: {
+    head: {
+      link: [
+        {
+          rel: "preconnect",
+          href: "https://rsms.me",
+        },
+        {
+          rel: "stylesheet",
+          href: "https://rsms.me/inter/inter.css",
+        },
+      ],
+    },
+  },
 });

packages/component-library/.storybook/preview-head.html

@@ -0,0 +1,2 @@
+<link rel="preconnect" href="https://rsms.me/" />
+<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />

packages/component-library/src/components/assets/scss/all.scss

@@ -1,4 +1,3 @@
-@import "fonts/inter.font";
 @import "variables";
 @import "typography";
 @import "global.scss";