variable Fira Code font

This commit is contained in:
Oliver Bryan
2025-09-29 20:42:54 +01:00
parent 846e18fe59
commit 7a76b1299a

View File

@@ -1,4 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");
@import "tailwindcss"; @import "tailwindcss";
@@ -82,10 +82,45 @@
--ayu-gray-950: #10141c; /* background */ --ayu-gray-950: #10141c; /* background */
} }
.font-300 {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
.font-400 {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.font-500 {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.font-600 {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.font-700 {
font-family: "Fira Code", monospace;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
body { body {
background-color: var(--ayu-bg); background-color: var(--ayu-bg);
color: var(--ayu-fg); color: var(--ayu-fg);
font-family: "Fira Mono", monospace; font-family: "Fira Code", monospace;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }