diff --git a/packages/typescriptlang-org/src/templates/markdown-twoslash.scss b/packages/typescriptlang-org/src/templates/markdown-twoslash.scss
index 3bef2d8728e8..ded15593547c 100644
--- a/packages/typescriptlang-org/src/templates/markdown-twoslash.scss
+++ b/packages/typescriptlang-org/src/templates/markdown-twoslash.scss
@@ -128,7 +128,7 @@ pre .code-container:focus a {
 
 pre code {
   font-size: 15px;
-  font-family: "JetBrains Mono", Menlo, Monaco, Consolas, Courier New, monospace;
+  font-family: var(--code-font);
   white-space: pre;
   -webkit-overflow-scrolling: touch;
 }