change fonts

This commit is contained in:
Bartal Laearsson
2026-08-13 21:00:14 +01:00
parent e58e4bc13e
commit 5450b6a82c
2 changed files with 11 additions and 9 deletions
+10 -8
View File
@@ -1,4 +1,6 @@
/* zeitkort-web — styled to match fló.fo. Light + tokyo (dark), follows system. */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&display=swap');
*, *::before, *::after { box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; }
@@ -87,7 +89,7 @@
html, body { max-width: 100%; overflow-x: hidden; } html, body { max-width: 100%; overflow-x: hidden; }
body { body {
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
font-size: 0.88rem; font-size: 0.88rem;
font-weight: 300; font-weight: 300;
line-height: 1.55; line-height: 1.55;
@@ -124,7 +126,7 @@ header {
nav { justify-self: end; } nav { justify-self: end; }
.back-link { .back-link {
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
font-weight: 400; font-weight: 400;
font-size: 0.7rem; font-size: 0.7rem;
letter-spacing: 0.15em; letter-spacing: 0.15em;
@@ -226,7 +228,7 @@ footer {
h2 { h2 {
margin: 0 0 0.9rem; margin: 0 0 0.9rem;
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
font-weight: 700; font-weight: 700;
font-size: 1.1rem; font-size: 1.1rem;
letter-spacing: -0.02em; letter-spacing: -0.02em;
@@ -308,7 +310,7 @@ button.go[disabled] { opacity: .45; cursor: not-allowed; }
fieldset > .inline { margin-top: 10px; } fieldset > .inline { margin-top: 10px; }
.add-toggle { margin-top: 10px; } .add-toggle { margin-top: 10px; }
.clock { font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; font-weight: 700; margin: 0; letter-spacing: -0.02em; } .clock { font-family: 'Noto Sans', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0; letter-spacing: -0.02em; }
/* Sticky bar shown only while a timer runs. */ /* Sticky bar shown only while a timer runs. */
.running-bar { .running-bar {
@@ -433,7 +435,7 @@ details.confirm[open]::before {
font-size: 0.72rem; font-size: 0.72rem;
} }
.reset-countdown { .reset-countdown {
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
font-size: clamp(1.5rem, 6vw, 2.5rem); font-size: clamp(1.5rem, 6vw, 2.5rem);
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
@@ -545,7 +547,7 @@ details.confirm[open]::before {
background: none; border: none; background: none; border: none;
font-size: 1.3rem; color: var(--muted); font-size: 1.3rem; color: var(--muted);
cursor: pointer; padding: 0.5rem; cursor: pointer; padding: 0.5rem;
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
} }
.nav-close:hover { color: var(--fg); } .nav-close:hover { color: var(--fg); }
@@ -554,7 +556,7 @@ details.confirm[open]::before {
gap: 0.15rem; width: 100%; gap: 0.15rem; width: 100%;
} }
.offcanvas-links a { .offcanvas-links a {
font-family: 'JetBrains Mono', monospace; font-family: 'Noto Sans', sans-serif;
font-size: 1.05rem; font-size: 1.05rem;
letter-spacing: 0.12em; letter-spacing: 0.12em;
text-transform: uppercase; text-transform: uppercase;
+1 -1
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/app.css"> <link rel="stylesheet" href="/static/app.css">
</head> </head>
<body> <body>