fonts

css/header.css

@@ -188,6 +188,7 @@
   color: #ffffff;
   padding: 0.5rem 0;
   font-variation-settings: "wdth" var(--header-menu-font-width);
+  font-family: var(--font-family-condensed);
 }
 .menu-wrap .menu > li a::after {
   content: none;

css/site-variables.css

@@ -22,8 +22,11 @@
   --color-text: #444444;
   --color-heading: #333;
 
-  --font-family-serif: 'Noto Serif', sans-serif;
-  --font-family-sans-serif: 'Noto Sans', sans-serif;
+  --font-family-serif: 'Roboto', sans-serif;
+  /*--font-family-serif: 'Noto Serif', sans-serif;*/
+  --font-family-condensed: 'Roboto Condensed', sans-serif;
+  /*--font-family-sans-serif: 'Noto Sans', sans-serif;*/
+  --font-family-sans-serif: 'Roboto', sans-serif;
   /*
    *body
    */
@@ -54,7 +57,8 @@
   /*
    *tabs
    */
-  --tabs-font: var(--font-family-sans-serif);
+  --tabs-font: var(--font-family-condensed);
+
   --page-tab-bg-color: var(--light);
   --page-tab-text-color: #333;
   --page-tab-text-color-active: var(--primary);