Customize SCSS #28

Author: qrac

README.md

@@ -62,14 +62,14 @@ jsDelivr で配信している CSS ファイルへのリンクを HTML 内に記
 
 |  フォント名  | HTML に貼る CDN リンクタグ                                                                                 |
 | :----------: | ---------------------------------------------------------------------------------------------------------- |
-| `YakuHanJP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp.min.css">`   |
-| `YakuHanJPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp_s.min.css">` |
-| `YakuHanMP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanmp.min.css">`   |
-| `YakuHanMPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanmp_s.min.css">` |
-| `YakuHanRP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanrp.min.css">`   |
-| `YakuHanRPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanrp_s.min.css">` |
+| `YakuHanJP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp.min.css">`   |
+| `YakuHanJPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp_s.min.css">` |
+| `YakuHanMP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp.min.css">`   |
+| `YakuHanMPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp_s.min.css">` |
+| `YakuHanRP`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanrp.min.css">`   |
+| `YakuHanRPs` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanrp_s.min.css">` |
 
-### npm
+## npm
 
 - https://www.npmjs.com/package/yakuhanjp
 
@@ -79,6 +79,17 @@ npm コマンドで任意のプロジェクトにインストールできます
 npm install yakuhanjp
 ```
 
+### SCSS
+
+SCSS を使ったカスタマイズを強化しました。`npm install` 後、任意の SCSS ファイルで使用する YakuHanJP の SCSS ファイルを import します。変数をオーバーライドすれば、CSS から CDN のフォントファイルへダイレクトにリンクを貼ったり、EOT 形式を省いたりできます。
+
+```scss
+$yakuhanjp-eot-use: false;
+$yakuhanjp-cdn-use: true;
+
+@import "yakuhanjp/src/scss/yakuhanjp.scss";
+```
+
 ## Specific Edition
 
 ### For Noto
@@ -89,10 +100,10 @@ npm install yakuhanjp
 
 |    フォント名     | HTML に貼る CDN リンクタグ                                                                                      |
 | :---------------: | --------------------------------------------------------------------------------------------------------------- |
-| `YakuHanJP_Noto`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp-noto.min.css">`   |
-| `YakuHanJPs_Noto` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp_s-noto.min.css">` |
-| `YakuHanMP_Noto`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanmp-noto.min.css">`   |
-| `YakuHanMPs_Noto` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanmp_s-noto.min.css">` |
+| `YakuHanJP_Noto`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp-noto.min.css">`   |
+| `YakuHanJPs_Noto` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp_s-noto.min.css">` |
+| `YakuHanMP_Noto`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp-noto.min.css">`   |
+| `YakuHanMPs_Noto` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp_s-noto.min.css">` |
 
 - [Noto Sans JP・Noto Serif JP 専用の CSS ファイルを追加 · Issue #23 · qrac/yakuhanjp](https://github.com/qrac/yakuhanjp/issues/23)
 
@@ -104,8 +115,8 @@ macOS 10.13・iOS11 以降の Safari では、`font-family` に `-apple-system`
 
 |     フォント名      | HTML に貼る CDN リンクタグ                                                                                        |
 | :-----------------: | ----------------------------------------------------------------------------------------------------------------- |
-| `YakuHanJP_Narrow`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp-narrow.min.css">`   |
-| `YakuHanJPs_Narrow` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp_s-narrow.min.css">` |
+| `YakuHanJP_Narrow`  | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp-narrow.min.css">`   |
+| `YakuHanJPs_Narrow` | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp_s-narrow.min.css">` |
 
 - [macOS・iOS Safari の細字を考慮した CSS ファイルを追加 · Issue #27 · qrac/yakuhanjp](https://github.com/qrac/yakuhanjp/issues/27)
 

dist/css/yakuhanjp-narrow.css

@@ -1,4 +1,4 @@
-/*! Yaku Han JP v3.1.0 (OFL-1.1 AND MIT) by Qrac */
+/*! Yaku Han JP v3.2.0 (OFL-1.1 AND MIT) by Qrac */
 /*! Type: YakuHanJP_Narrow - Based on Noto Sans CJK JP */
 @font-face {
   font-family: "YakuHanJP_Narrow";

dist/css/yakuhanjp-narrow.min.css

@@ -1,4 +1,4 @@
-/*! Yaku Han JP v3.1.0 (OFL-1.1 AND MIT) by Qrac */
+/*! Yaku Han JP v3.2.0 (OFL-1.1 AND MIT) by Qrac */
 /*! Type: YakuHanJP_Noto - Based on Noto Sans CJK JP */
 @font-face {
   font-family: "YakuHanJP_Noto";

dist/css/yakuhanjp-noto.css

@@ -1,4 +1,4 @@
-/*! Yaku Han JP v3.1.0 (OFL-1.1 AND MIT) by Qrac */
+/*! Yaku Han JP v3.2.0 (OFL-1.1 AND MIT) by Qrac */
 /*! Type: YakuHanJP - Based on Noto Sans CJK JP */
 @font-face {
   font-family: "YakuHanJP";

dist/css/yakuhanjp-noto.min.css

@@ -1,4 +1,4 @@
-/*! Yaku Han JP v3.1.0 (OFL-1.1 AND MIT) by Qrac */
+/*! Yaku Han JP v3.2.0 (OFL-1.1 AND MIT) by Qrac */
 /*! Type: YakuHanJPs_Narrow - Based on Noto Sans CJK JP */
 @font-face {
   font-family: "YakuHanJPs_Narrow";