diff --git a/src/app.ts b/src/app.ts
index 1fb0a05..268c30b 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,5 +1,6 @@
 import { pinia } from "@/store/store";
 import { defineApp } from "iles";
+import "@/assets/base.scss";
 
 export default defineApp({
   enhanceApp({ app }) {
diff --git a/src/assets/base.scss b/src/assets/base.scss
index 2dc49b6..8b6240c 100644
--- a/src/assets/base.scss
+++ b/src/assets/base.scss
@@ -1,5 +1,4 @@
-/* color palette from <https://github.com/vuejs/theme> */
-@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&family=Fenix&display=swap");
+@import "@/assets/fonts";
 
 :root {
   --vt-c-white: #ffffff;
diff --git a/src/assets/fonts.scss b/src/assets/fonts.scss
new file mode 100644
index 0000000..6959363
--- /dev/null
+++ b/src/assets/fonts.scss
@@ -0,0 +1 @@
+@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 9e887cd..b6a44e1 100644
--- a/src/components/core/JulienCalixte.vue
+++ b/src/components/core/JulienCalixte.vue
@@ -19,8 +19,6 @@ const style = `font-size: ${fontSize[props.size]}`;
 </template>
 
 <style scoped lang="scss">
-@import url("https://fonts.googleapis.com/css2?family=Meow+Script&display=swap");
-
 .julien-calixte {
   font-variant: normal;
   font-family: "Meow Script", cursive;
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index c6df84e..026c56f 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -4,7 +4,3 @@
     <slot />
   </div>
 </template>
-
-<style lang="scss">
-@import "@/assets/base";
-</style>
diff --git a/src/layouts/post.vue b/src/layouts/post.vue
index 55ad18e..6caa6d6 100644
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -9,8 +9,6 @@
 </template>
 
 <style lang="scss">
-@import "@/assets/base";
-
 article#main-article {
   max-width: 650px;
   margin: auto;