diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/fonts/Monocraft.css | 108 | ||||
| -rw-r--r-- | src/styles/terminal.css | 11 |
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; } |
