font change

This commit is contained in:
nmemmert
2026-06-04 10:12:13 -04:00
parent bccd1cfa60
commit 0ba35e0e52
3 changed files with 14 additions and 13 deletions
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="canonical" href="https://versebyversewithnate.us" />
<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=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap" rel="stylesheet" />
</head>
<body>
<div id="root"></div>
+12 -11
View File
@@ -791,26 +791,27 @@ const BRAND_KIT_SWATCHES = [
const BRAND_KIT_TYPE = [
{
label: 'Brand Font',
spec: 'Cormorant Garamond · 300/400/600/700 · italic supported',
label: 'Display / Heading Font',
spec: 'Cormorant Garamond · 300/400/600/700 · italic supported · for H1, H2, display text',
sample: 'Verse by Verse with Nate',
},
{
label: 'Subtitle / Small Caps',
spec: 'Uppercase with tracking for labels, nav, and support text',
sample: 'A Journey Through Scripture',
label: 'Body Font',
spec: 'Lora · 400/500/600 · italic supported · for paragraphs, labels, nav, and UI text',
sample: 'Verse by verse. Nugget by nugget.',
},
{
label: 'Body / Quote',
spec: 'Cormorant Garamond light/italic for long-form text and pull copy',
sample: 'Verse by verse. Nugget by nugget.',
label: 'Subtitle / Small Caps',
spec: 'Lora uppercase with tracking for eyebrows, labels, and support text',
sample: 'A Journey Through Scripture',
},
] as const
const BRAND_KIT_VERIFICATION = [
'Global font import updated to Cormorant Garamond.',
'Shared brand variables now define black, gold, border, warm white, and muted text colors.',
'Live site CSS now references the brand variables for core text and accent styling.',
'Headings use Cormorant Garamond (300700, italic) for display elegance.',
'Body text uses Lora (400600, italic) for screen readability.',
'Shared brand variables define black, gold, border, warm white, and muted text colors.',
'Live site CSS references brand variables for core text and accent styling.',
'Admin surfaces inherit the same typography and palette tokens used by the public site.',
] as const
+1 -1
View File
@@ -12,7 +12,7 @@
--brand-gold-dark: #8a6e28;
--brand-warm-white: #f0ead8;
--brand-muted: #b0a48c;
--brand-font-body: 'Cormorant Garamond', Georgia, serif;
--brand-font-body: 'Lora', Georgia, serif;
--brand-font-heading: 'Cormorant Garamond', Georgia, serif;
font-family: var(--brand-font-body);
line-height: 1.6;