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; }
|
||||
|
||||
@@ -87,7 +89,7 @@
|
||||
|
||||
html, body { max-width: 100%; overflow-x: hidden; }
|
||||
body {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-size: 0.88rem;
|
||||
font-weight: 300;
|
||||
line-height: 1.55;
|
||||
@@ -124,7 +126,7 @@ header {
|
||||
nav { justify-self: end; }
|
||||
|
||||
.back-link {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 0.7rem;
|
||||
letter-spacing: 0.15em;
|
||||
@@ -226,7 +228,7 @@ footer {
|
||||
|
||||
h2 {
|
||||
margin: 0 0 0.9rem;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.1rem;
|
||||
letter-spacing: -0.02em;
|
||||
@@ -308,7 +310,7 @@ button.go[disabled] { opacity: .45; cursor: not-allowed; }
|
||||
fieldset > .inline { 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. */
|
||||
.running-bar {
|
||||
@@ -433,7 +435,7 @@ details.confirm[open]::before {
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
.reset-countdown {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-size: clamp(1.5rem, 6vw, 2.5rem);
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
@@ -545,7 +547,7 @@ details.confirm[open]::before {
|
||||
background: none; border: none;
|
||||
font-size: 1.3rem; color: var(--muted);
|
||||
cursor: pointer; padding: 0.5rem;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
}
|
||||
.nav-close:hover { color: var(--fg); }
|
||||
|
||||
@@ -554,7 +556,7 @@ details.confirm[open]::before {
|
||||
gap: 0.15rem; width: 100%;
|
||||
}
|
||||
.offcanvas-links a {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-family: 'Noto Sans', sans-serif;
|
||||
font-size: 1.05rem;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
|
||||
+1
-1
@@ -15,7 +15,7 @@
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Reference in New Issue
Block a user