Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kokushin/jpn.css

🇯🇵 Optimize typography in Japanese
https://github.com/kokushin/jpn.css

Last synced: about 1 month ago
JSON representation

🇯🇵 Optimize typography in Japanese

Host: GitHub
URL: https://github.com/kokushin/jpn.css
Owner: kokushin
License: mit
Created: 2017-08-19T15:24:43.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2017-08-28T09:19:44.000Z (over 7 years ago)
Last Synced: 2024-11-13T09:44:25.514Z (about 2 months ago)
Language: HTML
Homepage: https://kokushin.github.io/jpn.css/
Size: 505 KB
Stars: 43
Watchers: 4
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# jpn.css

Optimize typography in Japanese.

[https://kokushin.github.io/jpn.css/](https://kokushin.github.io/jpn.css/)

![jpn.css](https://raw.githubusercontent.com/kokushin/jpn.css/master/docs/img/jpncss.gif)

[![npm version](https://badge.fury.io/js/jpn.css.svg)](https://badge.fury.io/js/jpn.css)
[![GitHub license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://raw.githubusercontent.com/kokushin/jpn.css/master/LICENSE)

## 特徴

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

**タイポグラフィを最適化**
画面下部にある「jpn.cssを無効にする」ボタンを押してみてください。最適化された結果を確認することができます。

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

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

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

## 使用方法

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

```html

```

## ダウンロード

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

```bash
$ npm install jpn.css -S
```

[Download ZIP](https://github.com/kokushin/jpn.css/archive/master.zip)

## Bootstrapデモ

- [Jumbotron](https://kokushin.github.io/jpn.css/demo/bootstrap/jumbotron.html)
- [Album](https://kokushin.github.io/jpn.css/demo/bootstrap/album.html)
- [Blog](https://kokushin.github.io/jpn.css/demo/bootstrap/blog.html)
- [Carousel](https://kokushin.github.io/jpn.css/demo/bootstrap/carousel.html)
- [Signin](https://kokushin.github.io/jpn.css/demo/bootstrap/signin.html)

## Github
[https://github.com/kokushin/jpn.css](https://github.com/kokushin/jpn.css)

## Contributor
[@kokushin](https://github.com/kokushin)

## License
Code and documentation copyright 2017 by kokushin. Code released under the [MIT License](https://github.com/kokushin/jpn.css/blob/master/LICENSE).