diff --git a/src/content/theme/markdown.css b/src/content/theme/markdown.css
index 06890c8..60ed46c 100644
--- a/src/content/theme/markdown.css
+++ b/src/content/theme/markdown.css
@@ -79,7 +79,7 @@
 .markdown-note code, /* inline code */
 .markdown-note tt {
   font-size: 13px;  /* if main font is 14px */
-  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
+  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Noto Sans Mono","Liberation Mono",monospace;
   padding: 0px 5px;
   background-color: var(--color-md-bg-highlighted);
   border-radius: 3px;
@@ -89,7 +89,7 @@
 }
 .markdown-note pre {
   font-size: 13px;
-  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
+  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Noto Sans Mono","Liberation Mono",monospace;
   line-height: 1.2rem;
   padding: 10px;
   background-color: var(--color-md-bg-highlighted);
diff --git a/src/content/theme/style.css b/src/content/theme/style.css
index e2daf1a..2644052 100644
--- a/src/content/theme/style.css
+++ b/src/content/theme/style.css
@@ -124,7 +124,7 @@ body {
   overflow-y: scroll; /* always show scrollbar */
 }
 body, td, th, input, textarea, select, button {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", /*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",/*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   font-size: 1rem;
 }
 #mtt {