プロっぽくなった！フォントや「文字」に関するまとめ | コムテブログ

2013/10/28 716 users フォント コムテブログ 文字 行間 プロ

先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。 もくじ フォントに関する知識 １．字間 ２．行間 ３．字詰め ４．文字組 ５．ジャンプ率 ６．余白／図版率 ７．メリハリをつけ... 続きを読む

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

2011/02/27 392 users fladdict jQuery zip スクリプト HTML

HTMLのテキストに対して、文字詰めを行えるスクリプト FLAutoKerningクラスを作ってみた。サンプルはこちら。zipも。スクリプト内に任意のカーニングペアを定義することによって、ブログのタイトル等のテキストに字詰めを行ってくれるスクリプトです。なんか探しても見つからなかったので自分でやってみた。 実行はとても簡単。jQueryと一緒にhtmlにロードして、FLAutoKerning.pr... 続きを読む