diff --git a/app/static/css/screen-dark.css b/app/static/css/screen-dark.css
index 9d488ec..ae26d90 100644
--- a/app/static/css/screen-dark.css
+++ b/app/static/css/screen-dark.css
@@ -14,13 +14,18 @@
  * limitations under the License.
  */
 
-body            { font-family: sans-serif; background: #101010; color: #bfbfbf}
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&display=swap');
+
+html            { font-family: 'Noto Sans', sans-serif}
+body            { background: #101010; color: #bfbfbf}
 a               { color: #9fc6e0; }
 h1, h2          { color: #bfbfbf; }
-h1, h2          { font-family: serif; margin-top: 0.2em; margin-bottom: 0.2em;}
+h1, h2          { font-family: 'Merriweather Sans'; margin-top: 0.2em; margin-bottom: 0.2em;}
 h1              { font-size: 1.7em; }
 h2              { font-size: 1.2em; }
 
+nav             { font-family: sans-serif}
 .page           { margin: 2em auto; width: 35em; border: 5px solid #ccc;
                   padding: 0.8em; background: white; }
 .entries        { list-style: none; margin: 0; padding: 0; }
@@ -52,7 +57,6 @@ h2              { font-size: 1.2em; }
 }
 
 .subnode        { 
-    font-family: sans-serif; 
     background: #1f1f1f; 
     color: #cfcfcf; 
     padding: 0.5em; 
@@ -61,7 +65,6 @@ h2              { font-size: 1.2em; }
 }
 
 .not-found { 
-    font-family: sans-serif; 
     background: #2f1f1f; 
     color: #cfcfcf; 
     padding: 0.5em; 
@@ -81,7 +84,6 @@ h2              { font-size: 1.2em; }
 
 .links { 
     width: 100%;
-    font-family: sans-serif; 
     display: flex;
     background: #161616; 
     color: #cfcfcf; 
@@ -129,7 +131,6 @@ h2              { font-size: 1.2em; }
 .listing { 
     display: inline-block;
     background: #161616; 
-    font-family: sans-serif; 
     color: #cfcfcf; 
     padding: 0.5em; 
     margin-bottom: 10px;