Change Japanese font usage and update README. It's my fault. Thanks f…

…or all the suggestions, comments!

And deeply appreciate all the developers who provide wonderful fonts!

README.md

@@ -23,9 +23,10 @@ If you are interested, try creating a theme for kids and different generations!
 - [for Japanese Users](#for-japanese-users)
   - [このテーマについて](#このテーマについて)
   - [テーマへのご意見 / ご協力について](#テーマへのご意見--ご協力について)
-  - [Webフォントについて](#webフォントについて)
-    - [配布サイト](#配布サイト)
-    - [利用フォント](#利用フォント)
+  - [利用しているフォントについて](#利用しているフォントについて)
+    - [あんずもじのご利用について](#あんずもじのご利用について)
+      - [配布サイト](#配布サイト)
+      - [配置手順](#配置手順)
   - [配置方法](#配置方法)
     - [テーマのみの配置](#テーマのみの配置)
     - [メッセージのカスタマイズ](#メッセージのカスタマイズ)
@@ -40,6 +41,8 @@ If you are interested, try creating a theme for kids and different generations!
 
 ## Screen shot
 
+NOTE: Following samples are using 'Patrick Hand', 'Anzu' (as Japanese font).
+
 ### PC
 <img src='images/screenshot-pc.png' width='500' title='PC version'>
 
@@ -127,25 +130,55 @@ If the theme alone doesn't cover enough, I'm looking at simple JavaScript tweaks
 
 テーマだけではカバーし切れていない部分は、簡単なJavaScriptでの調整や、プラグインと連携しての開発なども視野に入れていますので、ご意見のほどよろしくお願いいたします。
 
-### Webフォントについて
+### 利用しているフォントについて
+
+こちらのテーマでは、以下のフォントの利用を想定しています。
+日本語に関しては、「あんずもじ」の利用を想定してのデザインになっております。
+お手数をおかけしますが、各自お手元でのフォントのダウンロードをお願いいたします。
+
+**英語**
+
+- Google fonts - Patrick Hand
+ - Designer: Patrick Wagesreiter
+
+**日本語**
+
+- Google fonts - Kosugi Maru (as 'Noto Serif JP')
+  - Designer: MOTOYA
+- あんずもじ
+  - あんずもじに関しては、各自でのダウンロードと配置をお願いします
+  - フォントが組み込まれない場合は、デフォルトの日本語フォントが利用されます
+
+#### あんずもじのご利用について
 
-こちらのテーマでは、以下のフォントを利用させていただいております。ありがとうございます！
+大変可愛らしい文字ですので、もしお手元でご利用の際に組み込み可能でしたら、是非ご利用してみてください！
+あんずもじを利用するに当たって、以下の通りにお願いいたします。
 
-#### 配布サイト
+##### 配布サイト
 
 - あんずいろapricot×color
  - 配布サイトURL: <http://www8.plala.or.jp/p_dolce/index.html>
  - 作成者：京風子（Kyoko）さま
-- Google fomts - Patrick Hand
- - Designer: Patrick Wagesreiter
 
-#### 利用フォント
+##### 配置手順
+
+- 配布サイトURL: <http://www8.plala.or.jp/p_dolce/index.html> からフォントのダウンロードをお願いします
+  - あんずもじ
+  - あんずもじ等幅
+- font というディレクトリに、以下のように配置をお願いします
+
+```bash
+
+$ tree font
+font
+├── APJapanesefont.ttf
+└── APJapanesefontT.ttf
+
+```
+
+- データ名はapplication.css に記載と同じとなります
+- 配置の上でRedmineの再起動をお願いいたします
 
-- あんずもじ
-- あんずもじ等幅
-- Google fomts - Patrick Hand
-  - <https://fonts.google.com/specimen/Patrick+Hand>
-  - License: SIL Open Font License (OFL)
 
 ### 配置方法
 
@@ -219,6 +252,9 @@ http://localhost:3000/ にアクセスしてください。
 
 ## ChangeLog
 
+- 0.0.5
+  - Update README.
+  - Change Japanese font.
 - 0.0.4
   - Changelogin form.
   - Add theme information on footer.

javascripts/theme.js

@@ -1,5 +1,5 @@
 const themeInfo = {
-  version: '0.0.4',
+  version: '0.0.5',
   author: 'Akiko Takano',
   url: 'https://github.com/akiko-pusu/redmine_theme_kodomo_midori',
   name: 'Kodomo Redmine green version',

stylesheets/application.css

@@ -2,11 +2,13 @@
 
 @import url(../../../stylesheets/application.css);
 
+/* あんずもじご利用の場合はREADMEにしたがって配置して下さい */
 @font-face {
   font-family: anzu;
   src: url("../font/APJapanesefont.ttf") format("truetype")
 }
 
+/* あんずもじご利用の場合はREADMEにしたがって配置して下さい */
 @font-face {
   font-family: anzuT;
   src: url("../font/APJapanesefontT.ttf") format("truetype")
@@ -17,8 +19,13 @@
   src: url("../font/PatrickHand-Regular.ttf") format("truetype")
 }
 
+@font-face {
+  font-family: 'Noto Serif JP';
+  src: url("../font/KosugiMaru-Regular.ttf") format("truetype")
+}
+
 body {
-  font-family: 'Patrick Hand', anzu, Verdana, sans-serif;
+  font-family: 'Patrick Hand', anzu, 'Noto Serif JP', Verdana, sans-serif;
   font-size: 20px;
   color: rgb(1, 55, 36);
 }
@@ -27,14 +34,14 @@ h1,
 h2,
 h3,
 h4 {
-  font-family: 'Patrick Hand', anzu;
+  font-family: 'Patrick Hand', anzu, 'Noto Serif JP';
   padding: 2px 10px 1px 0px;
   margin: 0 0 10px 0;
 }
 
 pre,
 code {
-  font-family: 'Patrick Hand', anzuT, Consolas, Menlo, "Liberation Mono", Courier, monospace;
+  font-family: 'Patrick Hand', anzuT, 'Noto Serif JP', Consolas, Menlo, "Liberation Mono", Courier, monospace;
 }
 
 pre,
@@ -246,19 +253,29 @@ div.box p label::before {
 }
 
 #projects-index ul.projects div.root a.project {
-  font-family: "anzu";
+  font-family: "anzu", 'Noto Serif JP';
   font-size: 18px;
 }
 
 #quick-search>form>label>a {
   color: #820505;
+  position: relative;
 }
 
 #quick-search>form>label>a:before {
-  content: "┥";
-  top: 6px;
-  font-size: 16px;
-  color: #c99696;
+  position: absolute;
+  left: -20px;
+  top: 8px;
+  content: "";
+  font-size: 0.8em;
+
+  padding: 0 0.4em 0 0.2em;
+  background: #4CAF50;
+  color: #fff;
+  height: 1em;
+  width: 0.4em;
+  text-align: center;
+  border-radius: 80% 3%;
 }
 
 #admin-menu a.selected {
@@ -718,7 +735,7 @@ textarea {
 
 input[name='commit'],
 input[type='submit'] {
-  font-family: anzu;
+  font-family: anzu, 'Noto Serif JP';
   font-size: 12pt;
   display: inline-block;
   /* padding: 0.5em 0.5em; */
@@ -738,7 +755,7 @@ input[type='submit']:hover {
 }
 
 input[name='continue'] {
-  font-family: anzu;
+  font-family: anzu, 'Noto Serif JP';
   font-size: 12pt;
   display: inline-block;
   padding: 0.5em 0.5em;