0.0.5 • Published 7 years ago
postcss-yu-gothic v0.0.5
Postcss Yu Gothic
Motivation
わざわざ游ゴシックについてグーグル検索しなくても、楽に使いたい
Do not bother to use Google Search for Gothic but want to use it comfortably
このプラグインはChromeでも読みやすい游ゴシックを指定する方法を参照して作られました。
This plugin was created with reference to link.
Example
最初に現れたYu Gothic
を値に持ったセレクタの前に@font-face
が挿入されます。@Font-face
is inserted before the selector whose value isYu Gothic
which first appeared.
前...
Before...
body {
font: 16px / 1.5 "Yu Gothic";
}
.class {
font-family: "Yu Gothic";
}
後!!!
After!!!
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: normal;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
body {
font: 16px / 1.5 "Yu Gothic";
}
.class {
font-family: "Yu Gothic";
}
Install
$ npm i --save-dev postcss-yu-gothic
# or `yarn add --dev postcss-yu-gothic`
Transform with The Postcss
import yuGothic from 'postcss-yu-gothic';
postcss([yuGothic])
.process(cssContent)
.then(result => {
console.log(result.css);
});
Option
weight
: default:['medium', 'bold']
出力するfont-weight
を指定
Specify outputfont-weight
License
MIT © nju33 nju33.ki@gmail.com