From b82b8e10d6fc59a34ad0eebb37fcb4450ff3c2ee Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Mon, 20 Aug 2018 12:57:17 +0300
Subject: [PATCH] simplified font CSS

---
 global.css        | 47 +++++++++++++++++++++++++----------------------
 manage/manage.css |  9 ++-------
 2 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/global.css b/global.css
index 0c992f4b..16c49b88 100644
--- a/global.css
+++ b/global.css
@@ -1,3 +1,20 @@
+body {
+  font: normal 12px Arial, system-ui, sans-serif;
+}
+
+body:lang(ja) {
+  font-family: Arial, 'Meiryo UI', 'MS Gothic', system-ui, sans-serif;
+}
+
+body:lang(zh-CN) {
+  font-family: Arial, 'Microsoft YaHei UI', 'Microsoft YaHei', system-ui, sans-serif;
+}
+
+body:lang(zh-TW),
+body:lang(zh-HK) {
+  font-family: Arial, 'Microsoft JhengHei UI', 'Microsoft JhengHei', system-ui, sans-serif;
+}
+
 button {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -8,7 +25,8 @@ button {
   text-overflow: ellipsis;
   padding: 2px 7px;
   border: 1px solid hsl(0, 0%, 62%);
-  font: 400 13.3333px Arial;
+  font: inherit;
+  font-size: 13px;
   color: #000;
   background-color: hsl(0, 0%, 100%);
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwGBBwIHvKt6QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAL0lEQVQI12NoaGgQZ2JgYGBkYmBgYGZiYGBggrMY4VxsYsyoskQQCB2MWAxAMhkADVECDhlW9CoAAAAASUVORK5CYII=');
@@ -36,6 +54,10 @@ button:active {
   border-color: hsl(0, 0%, 50%);
 }
 
+input  {
+  font: inherit;
+}
+
 input:not([type]) {
   background: #fff;
   color: #000;
@@ -43,7 +65,7 @@ input:not([type]) {
   min-height: 22px!important;
   line-height: 22px;
   padding: 0 3px;
-  font: 400 13.3333px Arial;
+  font: inherit;
   border: 1px solid hsl(0, 0%, 66%);
 }
 
@@ -110,7 +132,7 @@ select {
   -moz-appearance: none;
   -webkit-appearance: none;
   height: 22px;
-  font: 400 13.3333px Arial;
+  font: inherit;
   color: #000;
   background-color: transparent;
   border: 1px solid hsl(0, 0%, 66%);
@@ -186,19 +208,6 @@ select[disabled] > option {
   outline: none;
 }
 
-/* use a readable font for Japanese/Chinese */
-
-.actions:lang(ja) *,
-#header:lang(ja) * {
-  font-family: 'Meiryo UI', system-ui, 'MS Gothic', Arial, sans-serif;
-  font-weight: normal;
-}
-
-.actions:lang(zh) *,
-#header:lang(zh) * {
-  font-family: 'MingLiU', system-ui, Arial, sans-serif;
-}
-
 @supports (-moz-appearance: none) {
   .moz-appearance-bug .svg-icon.checked,
   .moz-appearance-bug .onoffswitch input,
@@ -215,7 +224,6 @@ select[disabled] > option {
   }
 
   .firefox select {
-    font-size: 13px;
     padding: 0 20px 0 2px;
     line-height: 22px!important;
   }
@@ -243,13 +251,8 @@ select[disabled] > option {
     padding: 4px;
   }
 
-  .firefox.non-windows .style-name {
-    font-family: Arial, sans-serif;
-  }
-
 /* Firefox cannot handle fractions in font-size */
   .firefox button:not(.install) {
-    font-size: 13px;
     line-height: 13px;
     padding: 3px 7px;
   }
diff --git a/manage/manage.css b/manage/manage.css
index 144c6c1a..8b08795c 100644
--- a/manage/manage.css
+++ b/manage/manage.css
@@ -14,12 +14,8 @@ body {
   height: 100%;
 }
 
-body,
-select,
-.firefox select,
-#search,
-#manage\.newUI\.sort {
-  font: normal 12px Arial, sans-serif;
+#header:lang(ja) h1 {
+  font-weight: normal;
 }
 
 body.all-styles-hidden-by-filters:before,
@@ -471,7 +467,6 @@ a:hover {
 
 .newUI .style-name {
   font-size: 14px;
-  font-family: sans-serif;
   text-indent: calc(var(--checkbox-width) - var(--name-padding-left) - 4px);
   padding-left: var(--name-padding-left);
   padding-right: var(--name-padding-right);