From d5ec8c04410fecce400e9c001de769d1c47a56fb Mon Sep 17 00:00:00 2001
From: AkiraFukushima <h3.poteto@gmail.com>
Date: Tue, 11 Sep 2018 08:51:14 +0900
Subject: [PATCH] Fix default fonts for japanese

---
 src/renderer/App.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 9d18baaf..95a8ae40 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -42,7 +42,19 @@ export default {
 </script>
 
 <style lang="scss">
-body { font-family: 'Noto Sans', sans-serif; }
+body {
+  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Takaoゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
+}
+
+/*
+  These selectors are defined in user agent stylesheet. So I override.
+*/
+input,
+textarea,
+select,
+button {
+  font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Takaoゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
+}
 
 html, body, #app {
   --theme-background-color: #ffffff;