From 8df929504bd264e7d9fdd622cf3028f28b13dff4 Mon Sep 17 00:00:00 2001
From: Stefan VanBuren <svanburen@buf.build>
Date: Fri, 13 Mar 2026 13:11:26 -0400
Subject: [PATCH 1/2] Fix used fonts

Noticed that we weren't importing Inter's italic fonts, so we were
getting the synthesized italics. Double-checked our other fonts as
well. This also drops some unused CSS, which would have needed
a `weight: 100` font, which we don't want to provide.

Similar fix to connectrpc/connectrpc.com#330.
---
 src/css/custom.css | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 5c4652e..de17bff 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,6 +1,6 @@
 /* stylelint-disable docusaurus/copyright-header */
 
-@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Work+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400&display=block");
+@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;1,300;1,400&display=block");
 
 /*
  * These are Infima variables.
@@ -150,10 +150,6 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
-figure {
-  text-align: center;
-}
-
 /* Infima, the design system used by Docusaurus, sets vertical-align: middle on
    inline code, which causes it to sit below surrounding text. Override with
    baseline for natural text alignment. */
@@ -161,12 +157,6 @@ code {
   vertical-align: baseline;
 }
 
-figcaption {
-  font-weight: 100;
-  font-size: 1.2rem;
-  text-align: right;
-}
-
 /* Admonition blocks */
 .admonition {
   color: var(--ifm-font-color-base);

From f69b4112d93ce5383ed33b21da26649e2ef75fd1 Mon Sep 17 00:00:00 2001
From: Stefan VanBuren <svanburen@buf.build>
Date: Fri, 13 Mar 2026 13:29:54 -0400
Subject: [PATCH 2/2] Use axis ranges for variable fonts

AFAICT DM Mono isn't variable, but this does simplify the other two.

Ref: https://fonts.google.com/specimen/DM+Mono
Ref: https://fonts.google.com/specimen/Inter
Ref: https://fonts.google.com/specimen/Work+Sans
---
 src/css/custom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index de17bff..3861702 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -1,6 +1,6 @@
 /* stylelint-disable docusaurus/copyright-header */
 
-@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;1,300;1,400&display=block");
+@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Work+Sans:ital,wght@0,300..700;1,300..700&family=Inter:ital,wght@0,300..400;1,300..400&display=block");
 
 /*
  * These are Infima variables.