change fonts
This commit is contained in:
+10
-8
@@ -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
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user