jpn.css

日本語に最適化

jpn.cssは、BootstrapなどCSSフレームワークを適用させた際、
日本語だと不格好に見えてしまう問題を解消するためのスタイルシートです。

ダウンロード

タイポグラフィを最適化

日本語を美しく表示させます。画面下部にある「jpn.cssを無効にする」ボタンを押して比較してみてください。

モダンなフォント設定

フォントには美しくデザインされた「游ゴシック」を採用しています。

Bootstrap4に対応

最新バージョンであるBootstrap4に対応しています。今後のアップデートで、より多くのフレームワークに対応させる予定です。

最低限の調整

タイポグラフィ周りだけ最適化されるので、他の要素への影響はありません。

使用方法

jpn.cssを <head> 内で読み込ませてください。
フレームワークを利用している場合は、その後に読み込ませる必要があります。

<link rel="stylesheet" href="https://unpkg.com/jpncss@latest/dist/bootstrap/jpn.min.css">

ダウンロード

npm もしくは GitHub からダウンロードすることができます。

$ npm install jpn.css -S

Bootstrapデモ