diff --git a/docfx/layouts/cssharp/layout/_master.tmpl b/docfx/layouts/cssharp/layout/_master.tmpl
index 8123a9ed2..80aa2798b 100644
--- a/docfx/layouts/cssharp/layout/_master.tmpl
+++ b/docfx/layouts/cssharp/layout/_master.tmpl
@@ -38,6 +38,9 @@
       <meta name="loc:downloadPdf" content="{{__global.downloadPdf}}">
     {{/redirect_url}}
       <script data-goatcounter="https://cssharp.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+      <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
   </head>
 
   {{^redirect_url}}
diff --git a/docfx/layouts/cssharp/public/main.css b/docfx/layouts/cssharp/public/main.css
new file mode 100644
index 000000000..183fa4a38
--- /dev/null
+++ b/docfx/layouts/cssharp/public/main.css
@@ -0,0 +1,4 @@
+:root {
+    --bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --bs-font-monospace: "Jetbrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
\ No newline at end of file