diff --git a/assets/screenshot-barrier.png b/assets/screenshot-barrier.png
index 163e1de..a5b44a5 100644
Binary files a/assets/screenshot-barrier.png and b/assets/screenshot-barrier.png differ
diff --git a/assets/screenshot-diagram.png b/assets/screenshot-diagram.png
index 0200df7..c1c6b7e 100644
Binary files a/assets/screenshot-diagram.png and b/assets/screenshot-diagram.png differ
diff --git a/scripts/render-screenshots.mjs b/scripts/render-screenshots.mjs
index b7cd399..4c0c295 100644
--- a/scripts/render-screenshots.mjs
+++ b/scripts/render-screenshots.mjs
@@ -218,7 +218,11 @@ function pageHtml(layout, barriersById) {
 	const nodes = layout.nodes.map((n) => renderNodeHtml(n, barriersById)).join("");
 	return `<!doctype html><html><head><meta charset="utf-8"><style>
 		${stylesCss}
-		html,body{margin:0;padding:0;background:#ffffff}
+		html,body{
+			margin:0;padding:0;background:#ffffff;
+			font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+			-webkit-font-smoothing:antialiased;
+		}
 		.shot-frame{
 			display:inline-block;padding:28px;
 			background-color:#ffffff;
