diff --git a/src/routes/documents.templates.$templateId.tsx b/src/routes/documents.templates.$templateId.tsx
index 6a2783a..0e324bd 100644
--- a/src/routes/documents.templates.$templateId.tsx
+++ b/src/routes/documents.templates.$templateId.tsx
@@ -233,7 +233,7 @@ function TemplateDetailPage() {
 
               <div>
                 <Label className="text-xs">Preview</Label>
-                <div className="mt-1 p-4 bg-white text-black rounded-md border min-h-[200px] whitespace-pre-line" style={{ fontFamily: '"Bookman Old Style", Georgia, serif', fontSize: 12 }}>
+                <div className="mt-1 p-4 bg-white text-black rounded-md border min-h-[200px] whitespace-pre-line" style={{ fontFamily: `"${fontFamily}", Georgia, serif`, fontSize: fontSizePt }}>
                   {merged || <span className="text-muted-foreground italic">Empty</span>}
                 </div>
               </div>