diff --git a/src/app.ts b/src/app.ts
index 268c30b..1fb0a05 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -1,6 +1,5 @@
 import { pinia } from "@/store/store";
 import { defineApp } from "iles";
-import "@/assets/base.scss";
 
 export default defineApp({
   enhanceApp({ app }) {
diff --git a/src/components/core/JulienCalixte.vue b/src/components/core/JulienCalixte.vue
index b6a44e1..e04b6e6 100644
--- a/src/components/core/JulienCalixte.vue
+++ b/src/components/core/JulienCalixte.vue
@@ -19,8 +19,11 @@ const style = `font-size: ${fontSize[props.size]}`;
 </template>
 
 <style scoped lang="scss">
+@use "@/assets/fonts";
+
 .julien-calixte {
   font-variant: normal;
-  font-family: "Meow Script", cursive;
+  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 026c56f..83ebd23 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -4,3 +4,7 @@
     <slot />
   </div>
 </template>
+
+<style lang="scss">
+@use "@/assets/base";
+</style>
diff --git a/src/layouts/post.vue b/src/layouts/post.vue
index 6caa6d6..e25122e 100644
--- a/src/layouts/post.vue
+++ b/src/layouts/post.vue
@@ -9,6 +9,8 @@
 </template>
 
 <style lang="scss">
+@use "@/assets/base";
+
 article#main-article {
   max-width: 650px;
   margin: auto;