Font refactor: replace generic display fonts across Videos + Writings

Renegade Storyteller:
- Ribeye Marrow → Amarante (Art Nouveau, cleaner mobile rendering)
- h1 floor reduced 4rem → 3rem
- h1::before letter-spacing tightened on mobile (was overflowing narrow screens)

Writings (11 files via script):
- Bebas Neue → Fredericka the Great (4 files)
- Anton → Rubik Glitch (2 files)
- Cinzel / Cinzel Decorative → Glass Antiqua (5 files)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-27 15:50:20 +02:00
parent 2f5c06fee8
commit fc60904e69
12 changed files with 113 additions and 109 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>THE RENEGADE STORYTELLER // Singular Particular</title>
<link href="https://fonts.googleapis.com/css2?family=Ribeye+Marrow&family=Faculty+Glyphic&family=Rambla:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amarante&family=Faculty+Glyphic&family=Rambla:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
<style>
:root {
--background: #04060b;
@@ -48,7 +48,7 @@
}
.font-mechanical {
font-family: 'Ribeye Marrow', sans-serif;
font-family: 'Amarante', sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@@ -62,9 +62,9 @@
}
h1 {
font-family: 'Ribeye Marrow', sans-serif;
font-family: 'Amarante', sans-serif;
font-weight: 400;
font-size: clamp(4rem, 16vw, 8rem);
font-size: clamp(3rem, 16vw, 8rem);
line-height: 0.8;
color: var(--primary);
text-transform: uppercase;
@@ -85,6 +85,10 @@
font-family: 'JetBrains Mono', monospace;
}
@media (max-width: 767px) {
h1::before { letter-spacing: 0.12em; }
}
.container {
max-width: 1400px;
margin: 0 auto;
@@ -172,7 +176,7 @@
}
.lightbox-content h3 {
font-family: 'Ribeye Marrow', sans-serif;
font-family: 'Amarante', sans-serif;
font-size: 1.8rem;
letter-spacing: 0.1em;
color: var(--primary);