mojik

by terkel

terkel / mojik

Take control of Japanese typesetting on the web

129 Stars 3 Forks Last release: Not found 50 Commits 4 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Mojik

Mojikは、ウェブにおける和文の文字組みをコントロールするためのJavaScriptライブラリです。現在のところ、以下のパターンでの「アキ」の調整ができます。

  • 連続する約物のアキ
  • 行頭の始め括弧のアキ
  • 和欧間のアキ

Mojik is a JavaScript library which makes Japanese typography more beautiful on the web. Currently, it makes adjustments to spacing for the cases:

  • Spaces between consecutive punctuation marks
  • Space before a punctuation mark at the beginning of a line
  • Space between Japanese and Latin characters

デモ Demo

https://terkel.github.io/mojik/

使い方 How to use it

ファイル一式をダウンロード、もしくはnpmからインストールします。
Download all files or install via npm.

  • ダウンロード: https://github.com/terkel/mojik/archive/master.zip
  • npm:
    npm install mojik

mojik.css
mojik.js
をHTMLドキュメントに読み込みます。
Add
mojik.css
and
mojik.js
to your HTML document.

Mojik.compose()
メソッドを呼び出します。引数には、文字組みを適用したい段落や見出しなどのCSSセレクターを渡します。
Call the
Mojik.compose()
method. Use the parameter to pass the CSS selector to text elements.

文字組を適用したくない箇所は

.mjk-ignore
でマークアップします。

ありがとうヾ(๑╹◡╹)ノ

各アキ量はCSSで調整します。
Set the spacing amount using CSS.

.mjk-western-number {
    margin-left: 0.166ch;
    margin-right: 0.166ch;
}

オプション Options

Mojik.compose()
の2番目の引数でオプションを指定できます。
Mojik.compose("main h1", { supportOldAndroid: true });
  • doubleDash
    : ダッシュ(U+2014 EM DASHまたはU+2015 HORIZONTAL BAR)が2つ以上連続したとき、それらがつながっているように見せる(実際には1つのダッシュをCSSで横方向に拡大している)。デフォルトは
    false
  • spaceInsideWesternBrackets
    : 欧文括弧類(
    ()
    []
    {}
    “”
    )の内側と和文の間にアキを持たせる。デフォルトは
    false
  • supportOldAndroid
    : Noto Sans CJKの入っていない、バージョン5までのAndroidをサポートするかどうか。デフォルトは
    false
    (参考:#25

ライセンス License

このプロジェクトはMITライセンスのもとで公開されています。
This project is released under the MIT License.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.