💄 Use Victor Mono for the font

ortfo · Apr 16, 2024 · a882265 · a882265
1 parent 69326d1
commit a882265
Show file tree

Hide file tree

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

diff --git a/.vitepress/theme/custom.css b/.vitepress/theme/custom.css
@@ -4,6 +4,7 @@
   --docsearch-logo-color: var(--vp-c-brand-1);
   --vp-c-brand-2: #d16f07;
   --vp-c-brand-3: #bd6d17;
+  --vp-font-family-mono: 'Victor Mono', 'Fira Code', 'Monaco', monospace;
 }
 
 dt {

diff --git a/public/fonts/VictorMono-Bold.woff b/public/fonts/VictorMono-Bold.woff
diff --git a/public/fonts/VictorMono-Bold.woff2 b/public/fonts/VictorMono-Bold.woff2
diff --git a/public/fonts/VictorMono-BoldItalic.woff b/public/fonts/VictorMono-BoldItalic.woff
diff --git a/public/fonts/VictorMono-BoldItalic.woff2 b/public/fonts/VictorMono-BoldItalic.woff2
diff --git a/public/fonts/VictorMono-Italic.woff b/public/fonts/VictorMono-Italic.woff
diff --git a/public/fonts/VictorMono-Italic.woff2 b/public/fonts/VictorMono-Italic.woff2
diff --git a/public/fonts/VictorMono-Regular.woff b/public/fonts/VictorMono-Regular.woff
diff --git a/public/fonts/VictorMono-Regular.woff2 b/public/fonts/VictorMono-Regular.woff2
diff --git a/public/fonts/import.css b/public/fonts/import.css
@@ -0,0 +1,35 @@
+@font-face {
+  font-family: "Victor Mono";
+  src: url("VictorMono-Regular.woff2") format("woff2"),
+       url("VictorMono-Regular.woff") format("woff");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("VictorMono-Italic.woff2") format("woff2"),
+       url("VictorMono-Italic.woff") format("woff");
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("VictorMono-Bold.woff2") format("woff2"),
+       url("VictorMono-Bold.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Victor Mono";
+  src: url("VictorMono-BoldItalic.woff2") format("woff2"),
+       url("VictorMono-BoldItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}