diff --git a/packages/codemirror/codemirror.mjs b/packages/codemirror/codemirror.mjs
index 7933600e..ca42658a 100644
--- a/packages/codemirror/codemirror.mjs
+++ b/packages/codemirror/codemirror.mjs
@@ -190,6 +190,10 @@ export class StrudelMirror {
   }
   setFontFamily(family) {
     this.root.style.fontFamily = family;
+    const scroller = this.root.querySelector('.cm-scroller');
+    if (scroller) {
+      scroller.style.fontFamily = family;
+    }
   }
   reconfigureExtension(key, value) {
     if (!extensions[key]) {
diff --git a/website/src/pages/vanilla/index.astro b/website/src/pages/vanilla/index.astro
index de138380..e5a935c0 100644
--- a/website/src/pages/vanilla/index.astro
+++ b/website/src/pages/vanilla/index.astro
@@ -60,10 +60,8 @@ import HeadCommonNew from '../../components/HeadCommonNew.astro';
             <option>vscode</option>
           </select> </label
         ><br />
-        <!-- <label>fontFamily
+        <label>fontFamily
           <select name="fontFamily">
-            <option>monospace</option>
-            <option>helvetica</option>
             <option value="monospace">monospace</option>
             <option value="BigBlueTerminal">BigBlueTerminal</option>
             <option value="x3270">x3270</option>
@@ -76,7 +74,7 @@ import HeadCommonNew from '../../components/HeadCommonNew.astro';
             <option value="mode7">mode7</option>
           </select>
         </label>
-        <br /> -->
+        <br /> 
         <label>fontSize <input type="number" name="fontSize" /></label>
         <br />
         <label><input type="checkbox" name="isLineNumbersDisplayed" />isLineNumbersDisplayed</label>