HTMLで文字詰めするタイポグラフィー用JS | fladdict
HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。 スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。いちおう朗文堂の新宿私塾に行ったわけだし、僕もなんか成果物作らんとなぁ。。。的に。 実行はとても簡単。jQueryと一緒にhtmlにロードして、 FLAutoKerning.process($(‘h1′)); FLAutoKerning.process($(‘h2′)); FLAutoKerning.process($(‘h3′)); といった具合に、適用したhtml要素を一括していしてやるだけ。カーニング情報の定義も、FLAutoKerningクラスの頭に、下のようにem単位で定義する
レンダリングに使われているフォントと、ブラウザで使えるフォントを取得する - latest log
「あのdiv要素は、どのフォントでレンダリングされているの?」「どのフォントがブラウザ上で利用可能なの?」といった基本的な情報が、CSS や CSS API からは(残念ながら)取得できません。 /* 実際に使われるフォントは一体どれなの? */ font: 24pt 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; ライトなユーザには不必要な情報でも、高度なWebアプリを組もうとすると、そういったレアな情報が欲しくなったりします。 仕方が無いので、いつものようにゴニョゴニョするのです。 レンダリングで使われているフォントを取得する やり方としては… window.getComputedStyle(node, null).fontFamily を取得 IE なら node
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
