diff --git a/fonts/Bokor-Regular.woff2 b/fonts/Bokor-Regular.woff2 deleted file mode 100644 index 721b82f..0000000 Binary files a/fonts/Bokor-Regular.woff2 and /dev/null differ diff --git a/index.html b/index.html index b375b9e..ca26cf3 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,6 @@ - « futile » @@ -14,9 +13,7 @@

futile

-
-

─────

-
+

hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending diff --git a/style.css b/style.css index c531dcb..5c0d9e4 100644 --- a/style.css +++ b/style.css @@ -1,17 +1,13 @@ -@font-face { - font-family: 'Bokor'; - src: url('fonts/Bokor-Regular.woff2'); -} - -@font-face { - font-family: 'Iosevka'; - src: url('fonts/IosevkaCustom-Regular.woff2'); -} +@import url(https://fonts.bunny.net/css?family=bokor:400|ibm-plex-mono:400); body { background-color: black; color: white; - font-family: 'Iosevka', monospace; + font-family: 'IBM Plex Mono', monospace; +} + +p { + letter-spacing: -0.02em; } .email { @@ -20,19 +16,29 @@ body { } .main-title { - font-family: 'Bokor', display; + font-family: 'Bokor', serif; font-size: 5em; line-height: 1em; margin-top: 0.2em; margin-bottom: 0em; user-select: none; + font-weight: normal; +} + +/* hacky way of making my font look nicer on firefox + while having chrome's rendering of it not be bloated +*/ +@supports (-moz-appearance: none) { + .main-title { + font-weight: bold; + } } .separator { - line-height: 0em; + color: white; margin-top: 0.5em; margin-bottom: 0em; - user-select: none; + width: 50px; } .content {