HTMLで文字詰めするタイポグラフィー用JS | fladdict

HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する

[C_L]

ここまできたらJavaScriptとDOMで組版エンジン作るところまで行けるよね（再発明）。そーしたらEPUBって……とかなる。

[kurenai7]

これgithubで公開してカーニングアルゴリズムみんなで作っていけないかなぁ

[kurechon]

これgithubで公開してカーニングアルゴリズムみんなで作っていけないかなぁ

[airj12]

細部に神を宿す人だなあ

[rgfx]

(;´Д`)ｷﾞｬｰ

[eriko315]

WEBでカーニングできるJS

[dhalmel]

「これがあれば、行頭に括弧がこようが、トッキョキョカキョクが来ようが、もう何も怖くない」

[works014]

_うーん、スゴイ手間なことを考えてはるけど…他に手はないのかなぁ…

[nibushibu]

あら便利。

[fnzzz]

,[web design]

[izuyan]

JSで文字詰め

[bigchu]

: カッコ強制で細くするのもほしいゎね

[saladdays]

jQueryでオートカーニング

[yomogi]

素敵です

[o_hiroyuki]

htmlで文字詰め

[XIAORING]

text typography kerning 文字つめ カーニング FLAutoKerning

[fooo]

試みとしては面白いけど、実用は難しそう

[Molokheiya]

すばらしい！

[suzuki107]

どんどん紙との差がなくなっていく…

[homihoo]

サンプルあんまり綺麗って思えなかった私はだめ？

[BURN]

rss

[yife]

これは本当に素晴らしい。目から鱗。

[version510]

自動で文字詰めをしてくれるjQueryプラグイン。すばらしい

[hisasann]

JavaScriptカーニングペア、letter-spacingを調整して実現している

[shields-pikes]

さすが深津さんだ。これ使ってタイトルロゴも文字画像からおさらばしたい。あとは日本語ウェブフォントさえあれば……。なんとかならないもんかなあ。

[funekaz]

いいね！

[aopuu]

字詰めをやってくれるJSファイル

[lastel]

文字詰め

[rokaz]

おおお

[daisuke1209]

どうしてもきれいに字詰めしたいときがあるんだなこれがｗｗｗ

[richard_raw]

すげー！/html要素を一括指定。カーニング定義はem単位で。