DN*BLOG

ブラウザによってどのように表示されるか。
それをいちいち、コード打って検証するのも面倒。。。
しかも、沢山のフォントがあるのでさらに大変だと思います。そんなときに大変役に立つサイトがコチラ。

TYPETESTER

設定出来る項目

• font-family
• size
• line-height
• letter-spacing
• text-align
• word space
  (文と文の隙間の設定)
• text-decoration
• color
• background-color

「apply to colomn」はそのフォームで設定した内容を別のフォームに反映させるボタンです。

font-familyでは、WinとMacのデフォルトフォントとＭＳ 明朝やDF系、小塚系などみなさんがインストールされていそうなフォントが多数用意されています。
これらを設定できるフォームが3つ用意されていて、その設定を反映させる文章のタイプも、bold、italic、smallなど多数用意されています。

ヘッダーの左下にある「sample text」のテキストエリアに検証したい文章を打ち込んで検証します。
もちろん日本語も打ち込めます！

こういう便利なサイトはとてもありがたいですね。
がんばって運営してもらいたいです。