futile/futile.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

go back to bunny fonts for serving fonts (rip iosevka), change separator to a <hr>, and "fix" header being bloated on chromium

Browse Source
This commit is contained in:
futile
2024-11-06 09:33:57 +00:00
parent ad38ebeff9
commit 5253c08aa9
3 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fonts/Bokor-Regular.woff2
BIN
View File
Binary file not shown.
index.html
+1 -4
View File
@@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" href="fonts/IosevkaCustom-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<title>« futile »</title> <title>« futile »</title>
<script> let FF_FOUC_FIX; </script> <script> let FF_FOUC_FIX; </script>
@@ -14,9 +13,7 @@
<div class="box"> <div class="box">
<h1 class="main-title">futile</h1> <h1 class="main-title">futile</h1>
</div> </div>
<div class="box"> <hr class="separator">
<p class="separator">─────</p>
</div>
<div class="box"> <div class="box">
<p class="content"> <p class="content">
hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending
style.css
+19 -13
View File
@@ -1,17 +1,13 @@
@font-face { @import url(https://fonts.bunny.net/css?family=bokor:400|ibm-plex-mono:400);
font-family: 'Bokor';
src: url('fonts/Bokor-Regular.woff2');
}
@font-face {
font-family: 'Iosevka';
src: url('fonts/IosevkaCustom-Regular.woff2');
}
body { body {
background-color: black; background-color: black;
color: white; color: white;
font-family: 'Iosevka', monospace; font-family: 'IBM Plex Mono', monospace;
}
p {
letter-spacing: -0.02em;
} }
.email { .email {
@@ -20,19 +16,29 @@ body {
} }
.main-title { .main-title {
font-family: 'Bokor', display; font-family: 'Bokor', serif;
font-size: 5em; font-size: 5em;
line-height: 1em; line-height: 1em;
margin-top: 0.2em; margin-top: 0.2em;
margin-bottom: 0em; margin-bottom: 0em;
user-select: none; 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 { .separator {
line-height: 0em; color: white;
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 0em; margin-bottom: 0em;
user-select: none; width: 50px;
} }
.content { .content {