feat: change default font family

src/modules/user/hooks/useUserSettings.hook.ts

@@ -3,7 +3,7 @@ import { watchEffect } from "vue"
 import { useUserRepoStore } from "@/modules/repo/store/userRepo.store"
 import { downloadFont } from "@/utils/downloadFont"
 
-const DEFAULT_FONT_POLICY = "Courier Prime,monospace"
+const DEFAULT_FONT_POLICY = '"Libertinus Serif", serif'
 const DEFAULT_FONT_SIZE = "16px"
 
 export const useUserSettings = () => {

src/styles/app.css

@@ -1,11 +1,11 @@
 @charset "utf-8";
 @import "tailwindcss";
 
-@import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime");
+@import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime&family=Libertinus+Serif");
 
 :root {
   --primary-color: #2c3a47;
-  --font-family: "Courier Prime", monospace;
+  --font-family: "Libertinus Serif", serif;
   --font-size: 13pt;
   --font-color: #4a4a4a;
   --link: #445fb9;

src/views/PublicNoteListView.vue

@@ -43,7 +43,7 @@ const getAlias = (did: string) =>
               >{{ note.title }}</router-link
             >
 
-            <div class="text-xs opacity-80 alias">
+            <div class="text-xs opacity-90 alias">
               <span v-if="getAlias(note.did)">
                 {{ getAlias(note.did) }}
               </span>

tailwind.config.js

@@ -28,7 +28,7 @@ module.exports = {
           css: {
             ...defaultTitleStyles,
             "font-size": "13pt",
-            "font-family": '"Courier Prime", monospace',
+            "font-family": '"Libertinus Serif", serif',
             p: {
               "margin-top": "0.8em",
               "margin-bottom": "0.8em",