diff --git a/src/index.css b/src/index.css
index d756534d..f98f4b99 100644
--- a/src/index.css
+++ b/src/index.css
@@ -623,7 +623,7 @@
   border-radius: 4px;
   padding: 0.15rem 0.4rem;
   font-size: 0.9em;
-  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
 }
 
 .reader-markdown pre {
@@ -634,6 +634,7 @@
   overflow-x: auto;
   margin: 1rem 0;
   line-height: 1.5;
+  font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
 }
 
 .reader-markdown pre code {
@@ -662,6 +663,7 @@
   padding: 1rem;
   overflow-x: auto;
   margin: 1rem 0;
+  font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
 }
 
 .reader-html code {
@@ -670,7 +672,7 @@
   border-radius: 4px;
   padding: 0.15rem 0.4rem;
   font-size: 0.9em;
-  font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
+  font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace;
 }
 
 .reader-html pre code {
diff --git a/src/styles/components/reader.css b/src/styles/components/reader.css
index 0a894c4a..8eda824c 100644
--- a/src/styles/components/reader.css
+++ b/src/styles/components/reader.css
@@ -26,14 +26,14 @@
 .reader-html p, .reader-html div, .reader-html span, .reader-html li, .reader-html td, .reader-html th { font-size: 1em !important; }
 .reader-markdown a { color: #8ab4f8; text-decoration: none; }
 .reader-markdown a:hover { text-decoration: underline; }
-.reader-markdown code { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', monospace; }
-.reader-markdown pre { background: #1e1e1e; border: 1px solid #333; border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; line-height: 1.5; }
+.reader-markdown code { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }
+.reader-markdown pre { background: #1e1e1e; border: 1px solid #333; border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; line-height: 1.5; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }
 .reader-markdown pre code { background: transparent; border: none; padding: 0; font-size: 0.9em; display: block; }
 /* Prism.js enhancements */
 .reader-markdown pre[class*="language-"] { background: #1e1e1e; border: 1px solid #333; }
 .reader-markdown code[class*="language-"] { background: transparent; text-shadow: none; }
-.reader-html pre { background: #1e1e1e; border: 1px solid #333; border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; }
-.reader-html code { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', monospace; }
+.reader-html pre { background: #1e1e1e; border: 1px solid #333; border-radius: 8px; padding: 1rem; overflow-x: auto; margin: 1rem 0; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }
+.reader-html code { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 0.15rem 0.4rem; font-size: 0.9em; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace; }
 .reader-html pre code { background: transparent; border: none; padding: 0; display: block; }
 /* Mark as Read button */
 .mark-as-read-container { display: flex; justify-content: center; align-items: center; padding: 2rem 1rem; margin-top: 2rem; border-top: 1px solid #333; }