♻️ Move fonts import CSS code to theme customization

ortfo · Apr 17, 2024 · f8ffcaa · f8ffcaa
1 parent 02c6bed
commit f8ffcaa
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 36 deletions.
diff --git a/.vitepress/config.mts b/.vitepress/config.mts
@@ -160,7 +160,6 @@ export default defineConfig({
   description: "Make & manage your own homemade portfolio easily",
   srcExclude: ["**/README.md", "ortfodb/**/*.md"],
   head: [
-    ["link", { rel: "stylesheet", href: "/fonts/import.css" }],
     [
       "link",
       {

diff --git a/.vitepress/theme/fonts.css b/.vitepress/theme/fonts.css
@@ -0,0 +1,35 @@
+@font-face {
+  font-family: "Victor Mono";
+  src: url("/fonts/VictorMono-Regular.woff2") format("woff2"),
+       url("/fonts/VictorMono-Regular.woff") format("woff");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("/fonts/VictorMono-Italic.woff2") format("woff2"),
+       url("/fonts/VictorMono-Italic.woff") format("woff");
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("/fonts/VictorMono-Bold.woff2") format("woff2"),
+       url("/fonts/VictorMono-Bold.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("/fonts/VictorMono-BoldItalic.woff2") format("woff2"),
+       url("/fonts/VictorMono-BoldItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
@@ -1,4 +1,5 @@
 import DefaultTheme from "vitepress/theme"
+import "./fonts.css"
 import "./custom.css"
 import { Theme } from "vitepress"
 import JSONSchema from "./JSONSchema.vue"

diff --git a/public/fonts/import.css b/public/fonts/import.css
-Original file line number
+Diff line change
@@ Expand Up / @@ -160,7 +160,6 @@ export default defineConfig({ @@
       description: "Make & manage your own homemade portfolio easily",
       srcExclude: ["**/README.md", "ortfodb/**/*.md"],
       head: [
-        ["link", { rel: "stylesheet", href: "/fonts/import.css" }],
         [
           "link",
           {
@@ Expand Down @@