diff --git a/src/content/themes/default/index.php b/src/content/themes/default/index.php
index 911f821..5435562 100644
--- a/src/content/themes/default/index.php
+++ b/src/content/themes/default/index.php
@@ -152,7 +152,7 @@ $().ready(function(){
 </div>
 <div class="form-row-short-end"></div>
 <div class="form-row"><div class="h"><?php _e('task');?></div> <input type="text" name="task" value="" class="in500 form-input" maxlength="250" autocomplete="off" /></div>
-<div class="form-row"><div class="h"><?php _e('note');?></div> <textarea name="note" class="in500 form-input"></textarea></div>
+<div class="form-row"><div class="h"><?php _e('note');?></div> <textarea name="note" class="in500 form-input" spellcheck="false"></textarea></div>
 <div class="form-row"><div class="h"><?php _e('tags');?></div>
   <table cellspacing="0" cellpadding="0" width="100%"><tr>
     <td><input type="text" name="tags" id="edittags" value="" class="in500 form-input" maxlength="250" autocomplete="off" /></td>
@@ -278,4 +278,4 @@ $().ready(function(){
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/content/themes/default/markdown.css b/src/content/themes/default/markdown.css
index 5c9de2d..273d741 100644
--- a/src/content/themes/default/markdown.css
+++ b/src/content/themes/default/markdown.css
@@ -79,7 +79,8 @@
 
 .markdown-note code, /* inline code */
 .markdown-note tt {
-  font-size: 0.95rem;
+  font-size: 13px;  /* if main font is 14px */
+  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
   margin: 0 2px;
   padding: 0px 5px;
   border: 1px solid #ddd;
@@ -90,7 +91,8 @@
   white-space: nowrap;
 }
 .markdown-note pre {
-  font-size: 0.95rem;
+  font-size: 13px;
+  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
   line-height: 1.2rem;
   padding: 6px 10px;
   background-color: #f8f8f8;
@@ -116,6 +118,6 @@
   .markdown-note pre,
   .markdown-note code,
   .markdown-note tt {
-    font-size: 0.9rem;
+    font-size: 14px;  /* if main font is 16px */
   }
 }
diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css
index 7edcc39..d62fd15 100644
--- a/src/content/themes/default/style.css
+++ b/src/content/themes/default/style.css
@@ -6,13 +6,22 @@
 /*	default style	*/
 
 html { height:100%; overflow-y:scroll; font-size:14px; /* =1rem */ }
-body { margin:0px; padding:0px;  height:100%; background-color:#fff; font-family:"Helvetica Neue",helvetica,arial,sans-serif; }
+body {
+  margin: 0px;
+  padding: 0px;
+  height: 100%;
+  background-color:#fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", /*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+}
 #wrapper { display:flex; flex-direction:column; align-items:center; height:100%; }
 #container { flex: 1 0 auto; width:100%; max-width:1000px; }
 #mtt_body { padding:8px; margin-bottom:8px; } /* TODO: can combine container and mtt_body */
 #footer { flex-shrink:0; width:100%; max-width:1000px; }
 
-td, th, input, textarea, select { font-family:"Helvetica Neue",helvetica,arial,sans-serif; font-size:1rem; }
+td, th, input, textarea, select {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", /*Roboto,*/ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-size: 1rem;
+}
 form { display: inline; }
 .topblock h2 {
   margin:0;
@@ -328,7 +337,7 @@ li.task-row.task-completed .task-note-block .task-note { text-decoration:line-th
 #page_taskedit .form-row textarea.in500 {
   height:300px;
   font-size:13px;
-  font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
+  font-family: ui-monospace,Consolas,"SF Mono",Menlo,"Liberation Mono",monospace;
   white-space: pre;
   padding: 5px;
 }
@@ -542,8 +551,8 @@ li.mtt-item-hidden { display:none; }
   .task-date { display:none; }
   .task-note-actions { display:block; padding-top:8px; }
   .task-note-block {
-    padding-left: 0.9rem;
-    padding-right: 0.9rem;
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
     display: none;
   }
   .task-note-area textarea { width:95%; }