Optimize Japanese font family

2 files changed, 5 insertions, 1 deletions

diff --git a/src/asian.less b/src/asian.less
index e0af88c..e3031f3 100644
--- a/src/asian.less
+++ b/src/asian.less
@@ -1,11 +1,14 @@
 // Optimized for East Asian CJK
 :lang(zh),
-:lang(ja),
 :lang(ko),
 .cjk {
   font-family: @cjk-font-family;
 }
 
+:lang(ja) {
+  font-family: @cjk-jp-font-family;
+}
+
 :lang(zh),
 :lang(ja),
 .cjk {
diff --git a/src/variables.less b/src/variables.less
index 42e9aaf..a43d9bc 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -13,6 +13,7 @@
 // Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
 @base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
 @fallback-font-family: "Helvetica Neue", sans-serif;
+@cjk-jp-font-family: @base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, @fallback-font-family;
 @cjk-font-family: @base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", @fallback-font-family;
 @body-font-family: @base-font-family, @fallback-font-family;