Self-host all fonts on inga + change-check (drop Google Fonts CDN)

B612 Mono 400/700 + DM Sans 700 downloaded to assets/fonts; @font-face in
inga.css / style.css; preloads replace the render-blocking Google stylesheet.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

change-check.html

@@ -6,9 +6,10 @@
 <meta name="theme-color" content="#0f1729">
 <title>The Change Check — Is your team above or below the line? | Open Communications</title>
 <meta name="description" content="A 2-minute check for Canadian manufacturers: when change hits, is your team getting curious and owning it, or getting defensive and protecting the old way? Find out where your team sits — and what to do next.">
-<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preload" href="assets/fonts/playfair-400.woff2" as="font" type="font/woff2" crossorigin>
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="preload" href="assets/fonts/playfair-400i.woff2" as="font" type="font/woff2" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap">
+<link rel="preload" href="assets/fonts/dmsans-400.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/lora-400.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="stylesheet" href="style.css">
 <meta name="robots" content="index,follow">
 <link rel="canonical" href="https://www.opencommunications.consulting/change-check.html">

inga.css

@@ -1,3 +1,5 @@
+@font-face{font-family:'B612 Mono';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/b612mono-400.woff2') format('woff2')}
+@font-face{font-family:'B612 Mono';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/b612mono-700.woff2') format('woff2')}
 /* ============================================================
    Inga page components — layered on the OC design system.
    Reuses tokens + base/nav/band/footer from style.css.

inga.html

@@ -6,9 +6,11 @@
 <meta name="theme-color" content="#0f1729">
 <title>Inga Michaelsen — Leadership &amp; Team Coaching | Open Communications</title>
 <meta name="description" content="Inga Michaelsen is an Associate coach with Open Communications — systems-aware, trauma-informed work that helps teams think, decide, and lead together when the path isn't clear. PCC · ACTC · ICF.">
-<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preload" href="assets/fonts/playfair-400.woff2" as="font" type="font/woff2" crossorigin>
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="preload" href="assets/fonts/playfair-400i.woff2" as="font" type="font/woff2" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=B612+Mono:wght@400;700&display=swap">
+<link rel="preload" href="assets/fonts/dmsans-400.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/lora-400.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="assets/fonts/b612mono-700.woff2" as="font" type="font/woff2" crossorigin>
 <link rel="stylesheet" href="style.css">
 <link rel="stylesheet" href="inga.css">
 <meta name="robots" content="index,follow">

style.css

@@ -1,5 +1,6 @@
 @font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/dmsans-400.woff2') format('woff2')}
 @font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/dmsans-500.woff2') format('woff2')}
+@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/dmsans-700.woff2') format('woff2')}
 @font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/lora-400.woff2') format('woff2')}
 @font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/lora-500.woff2') format('woff2')}
 @font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/lora-400i.woff2') format('woff2')}