diff --git a/src/app.ts b/src/app.ts
index 1fb0a05..e54b490 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,8 +1,19 @@
 import { pinia } from "@/store/store";
 import { defineApp } from "iles";
+import "@/assets/base.scss";
 
 export default defineApp({
   enhanceApp({ app }) {
     app.use(pinia);
   },
+  head() {
+    return {
+      link: [
+        {
+          rel: "stylesheet",
+          href: "https://fonts.googleapis.com/css2?family=Fenix&family=Meow+Script&display=swap",
+        },
+      ],
+    };
+  },
 });
diff --git a/src/assets/base.scss b/src/assets/base.scss
index 8b6240c..63a7cca 100644
--- a/src/assets/base.scss
+++ b/src/assets/base.scss
@@ -1,5 +1,3 @@
-@import "@/assets/fonts";
-
 :root {
   --vt-c-white: #ffffff;
   --vt-c-white-soft: #f8f8f8;
@@ -89,3 +87,8 @@ h6 {
   font-variant: small-caps;
   color: var(--primary);
 }
+
+.julien-calixte {
+  font-family: "Meow Script", "Lucida Sans", "Lucida Sans Regular",
+    "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}
diff --git a/src/assets/fonts.scss b/src/assets/fonts.scss
deleted file mode 100644
index 6959363..0000000
--- a/src/assets/fonts.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&family=Fenix&family=Meow+Script&display=swap");
diff --git a/src/components/core/JulienCalixte.vue b/src/components/core/JulienCalixte.vue
index e04b6e6..51169f4 100644
--- a/src/components/core/JulienCalixte.vue
+++ b/src/components/core/JulienCalixte.vue
@@ -19,11 +19,7 @@ const style = `font-size: ${fontSize[props.size]}`;
 </template>
 
 <style scoped lang="scss">
-@use "@/assets/fonts";
-
 .julien-calixte {
   font-variant: normal;
-  font-family: "Meow Script", "Lucida Sans", "Lucida Sans Regular",
-    "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
 }
 </style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 83ebd23..026c56f 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -4,7 +4,3 @@
     <slot />
   </div>
 </template>
-
-<style lang="scss">
-@use "@/assets/base";
-</style>
diff --git a/src/layouts/post.vue b/src/layouts/post.vue
index e25122e..6caa6d6 100644
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -9,8 +9,6 @@
 </template>
 
 <style lang="scss">
-@use "@/assets/base";
-
 article#main-article {
   max-width: 650px;
   margin: auto;