mike/oc-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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>
This commit is contained in:
Michael Victory
2026-07-07 07:47:33 -07:00
parent 95325e5785
commit 9ba2e233f2
7 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/fonts/b612mono-400.woff2
BIN
View File
Binary file not shown.
assets/fonts/b612mono-700.woff2
BIN
View File
Binary file not shown.
assets/fonts/dmsans-700.woff2
BIN
View File
Binary file not shown.
change-check.html
+4 -3
View File
@@ -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="preconnect" href="https://fonts.gstatic.com" 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/playfair-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/fonts/playfair-400i.woff2" as="font" type="font/woff2" crossorigin>
<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
+2
View File
@@ -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
+5 -3
View File
@@ -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="preconnect" href="https://fonts.gstatic.com" 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/playfair-400.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/fonts/playfair-400i.woff2" as="font" type="font/woff2" crossorigin>
<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
View File
@@ -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')}