diff --git a/public/images/diagrams/async-update-timeline.svg b/public/images/diagrams/async-update-timeline.svg
index 81c24af30..3ca83eb77 100644
--- a/public/images/diagrams/async-update-timeline.svg
+++ b/public/images/diagrams/async-update-timeline.svg
@@ -14,7 +14,7 @@
 	<rect width="1200" height="675" rx="24" fill="#ffffff" />
 
 	<g
-		font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
+		font-family="Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif"
 		fill="#0f172a"
 	>
 		<text x="600" y="60" text-anchor="middle" font-size="34" font-weight="700">
diff --git a/public/images/diagrams/derived-state-effects-sequence.svg b/public/images/diagrams/derived-state-effects-sequence.svg
index c7aaa3214..4e7b9c414 100644
--- a/public/images/diagrams/derived-state-effects-sequence.svg
+++ b/public/images/diagrams/derived-state-effects-sequence.svg
@@ -28,7 +28,7 @@
 	<rect width="1200" height="675" rx="24" fill="#ffffff" />
 
 	<g
-		font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
+		font-family="Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif"
 		fill="#0f172a"
 	>
 		<text x="600" y="62" text-anchor="middle" font-size="36" font-weight="750">