Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] CSS Font and Text Style Wizard

  • Pocket
  • このエントリーをはてなブックマークに追加

BORDER=0最近じゃCSSによるレイアウトも当たり前になってきたけど、自分の場合「font-family」によるフォント指定ってわりとサイトをまたいで使い回す事が多いんです。このサイトの場合は主に’Lucida Grande’と’ヒラギノ角ゴシック’を使ってますが、最近じゃマックウィン問わずOSがデフォルトで持ってるフォントも増えてきた事だし、サイトごとにテキスト面でも表情を持たせたいところです。こちらではfont-familyだけでなく各属性をボタンで切り替えて、テキストがどう見えるのかのサンプルを即座に表示してくれます。serif、sans-serif、cursive、fantasy、monospaceという一般的なフォントに加えてカスタムを選べば任意のフォントも可。sizeやweightなどの指定もできます。欲を言えばtext-shadowあたりも欲しかったですね。指定したフォント定義のCSSはリアルタイムに下部フォーム内に出力されるので、あとはコピペすればオールオッケー。うーん便利だな。
CSS Font and Text Style Wizard >>

One thought on “[WEB DESIGN] CSS Font and Text Style Wizard”

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください