diff --git a/vue-dark.css b/vue-dark.css
index bdc2912..b83985f 100755
--- a/vue-dark.css
+++ b/vue-dark.css
@@ -11,7 +11,7 @@
     --item-hover-bg-color: var(--select-text-bg-color);
     --text-color: #aaaaaa;
     --font-sans-serif: 'Source Sans Pro', sans-serif !important;
-    --font-monospace: 'Roboto Mono', monospace !important;
+    --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
 }
 
 .md-rawblock-control:not(.md-rawblock-tooltip) {
@@ -475,7 +475,6 @@ table tr td:last-child {
 }
 
 #write code, tt {
-    margin: 0 2px;
     padding: 2px 4px;
     border-radius: 2px;
     font-family: var(--font-monospace);
@@ -485,6 +484,10 @@ table tr td:last-child {
     background-color: hsla(0, 0%, 0%, 0.2);
 }
 
+tt {
+    margin: 0 2px;
+}
+
 #write .md-footnote {
     background-color: hsla(0, 0%, 0%, 0.2);
     color: #f3b37f;
diff --git a/vue.css b/vue.css
index fac2eab..20e2f06 100755
--- a/vue.css
+++ b/vue.css
@@ -3,8 +3,8 @@
 :root {
     --side-bar-bg-color: #fff;
     --control-text-color: #777;
-    --font-sans-serif: 'Source Sans Pro', sans-serif !important;
-    --font-monospace: 'Roboto Mono', monospace !important;
+    --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
+    --font-monospace: 'Fira Code', 'Roboto Mono', monospace !important;
 }
 
 html {
@@ -315,7 +315,6 @@ table tr td:last-child {
 }
 
 #write code, tt {
-    margin: 0 2px;
     padding: 2px 4px;
     border-radius: 2px;
     font-family: var(--font-monospace);
@@ -324,6 +323,10 @@ table tr td:last-child {
     background-color: #f8f8f8;
 }
 
+tt {
+    margin: 0 2px;
+}
+
 #write .md-footnote {
     background-color: #f8f8f8;
     color: #e96900;