[  WEB beautiful character set  ]

WEB

(  文字をクリックしてみよう!  )

+
-
B
S
         px
字詰したデバイスフォントのコードを出力

美しいWEB文字組みについて

このサイトはブラウザ上のテキストを字詰めできる、美しいWEB文字組みを目指すフォントジェネレーターサイトです。

HTMLコーダとWEBデザイナーがより仲良くなることを目標としデバイスフォントの字詰めを視覚的に見せることができます。WEBフォントを使用して、サイトが重くなった経験はありませんか?
本来フォントは種類にこだわるのではなく行間、文字間隔(カーニング)の調整、色、文字のジャンプ率にこだわるべきと考えます。
字詰めが手軽にできれば、WEBフォントを使用せずより良い見栄えで素敵なサイトに。

現在ベータ版の為バグが幾つかあるかもしれませんが正式リリースは来年初旬くらいをめどに考えております。

[ 使用方法 ] 文字詰め、デバイスフォントの調整方法

使い方は非常に簡単。
①字詰めしたい文字をWEBテキスト(美しいWEB文字組み部分)を入力し、出力された文字(テキストフォント)をクリックします。
②クリックしたら文字詰めの位置を決め、プラスボタン、マイナスボタンで文字間隔を調整。
③「B」をクリックすると、太文字に「S」をクリックするとシャドウがかかります。
④キーボードの←→キーでもフォトショップ(PhotoShop)のように調整可能。リアルタイムでソースコードが出力されます。
⑤調整が終わったらCSS、HTMLコードをコピーしご自由にお使いください。

リリースノート

ベータ版 var 0.9
■今後の追加機能 フォントファミリー、背景色、文字色、タグの変更可能機能。 ※→キーで操作する際は、+-ボタンで1pxづつ微調整ください

お知らせ

12月17日、機能が一時的に機能していない時間帯がございました。ご迷惑おかけしました。

HTML



CSS