summaryrefslogtreecommitdiff
path: root/src/styles
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/fonts/Monocraft.css108
-rw-r--r--src/styles/terminal.css11
2 files changed, 118 insertions, 1 deletions
diff --git a/src/styles/fonts/Monocraft.css b/src/styles/fonts/Monocraft.css
new file mode 100644
index 0000000..34fd24a
--- /dev/null
+++ b/src/styles/fonts/Monocraft.css
@@ -0,0 +1,108 @@
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-ExtraLight.ttf") format("truetype");
+ font-weight: 100;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
+ font-weight: 100;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-ExtraLight.ttf") format("truetype");
+ font-weight: 200;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-ExtraLight-Italic.ttf") format("truetype");
+ font-weight: 200;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Light.ttf") format("truetype");
+ font-weight: 300;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Light-Italic.ttf") format("truetype");
+ font-weight: 300;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft.ttf") format("truetype");
+ font-weight: 400;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Italic.ttf") format("truetype");
+ font-weight: 400;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft.ttf") format("truetype");
+ font-weight: 500;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Italic.ttf") format("truetype");
+ font-weight: 500;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-SemiBold.ttf") format("truetype");
+ font-weight: 600;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-SemiBold-Italic.ttf") format("truetype");
+ font-weight: 600;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Bold.ttf") format("truetype");
+ font-weight: 700;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Bold-Italic.ttf") format("truetype");
+ font-weight: 700;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Black.ttf") format("truetype");
+ font-weight: 800;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Black-Italic.ttf") format("truetype");
+ font-weight: 800;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Black.ttf") format("truetype");
+ font-weight: 900;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Monocraft";
+ src: url("/fonts/Monocraft-Black-Italic.ttf") format("truetype");
+ font-weight: 900;
+ font-style: italic;
+}
diff --git a/src/styles/terminal.css b/src/styles/terminal.css
index c108e19..58da91d 100644
--- a/src/styles/terminal.css
+++ b/src/styles/terminal.css
@@ -1,5 +1,13 @@
@import url("@styles/fonts/JetBrainsMono.css");
+@font-face {
+ font-family: 'Monocraft';
+ src: url('/fonts/Monocraft.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+ font-display: swap;
+}
+
:root {
--primary: #54d7a9;
--secondary: #9b7eca;
@@ -8,6 +16,7 @@
--text: #ffffff;
--alt: #999999;
--background: #000000;
+ --font: "Jetbrains Mono", monospace;
}
* {
@@ -18,7 +27,7 @@
html {
background-color: var(--background);
color: var(--text);
- font-family: "Jetbrains Mono", monospace;
+ font-family: var(--font);
user-select: none;
}