二十歳街道まっしぐら
お得なサイト お得なツール 小ネタ ゲーム ニュース 画像関連 動画関連 音楽関連 このブログの読者になる
TOP > スポンサー広告 > TOP > お得なサイト > Google
タレコミNEW!! | メルマガ | お問い合わせ

★新URL:http://20kaido.com/
★新RSS:http://20kaido.com/index.rdf
いままでFC2ブログで5年間、お世話になりました。感謝です。
移転先でもよろしくお願いいたします!
二十歳街道まっしぐら(FC2ブログ時代)人気記事TOP50まとめ

スポンサーサイト このエントリーを含むはてなブックマーク あとで読む

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

エントリー詳細 --年--月--日 | スポンサー広告 > |

Google Font Directory のフォントのCSS作成ツール「Font Preview」が便利 このエントリーを含むはてなブックマーク あとで読む

Font Preview
Googleのフォントを簡単に使える

Font Preview」は「Google Font Directoryに登録されているフォントのCSSを作成するツールです。
フォントに細かい設定や装飾をすることができ、そのCSSをはいてくれるということです。

Google Font Directory」に関しては以下の記事をご参考下さい。
グーグル、「Google Font Directory」と「Google Font API」を公開

以前から「Font Preview」はあったんですが、単なるプレビューでCSSまで出してくれなかったような…。

以下に使ってみた様子を載せておきます。


フォントプレビューをしてCSSを作成

まず「Font Preview」にアクセスしましょう。
Font Preview
見た目はこんな感じ。
左側にいろんな設定をする項目があります。
右側がプレビュー、その下にCSSがあります。

Font Preview
フォントの種類やサイズ、影をつけたり下線を引いたり。
文字の間隔なども調整できます。


調整が済んだら、CSSをコピーして完了!
Font Preview


Google Font Directory」のフォントがとっても簡単に使えるようになりましたね。
本記事で紹介したサイト:Font Preview




関連記事

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録 このエントリを del.icio.us に登録 このエントリをlivedoorクリップに登録 Add to Google
http://tokuna.blog40.fc2.com/tb.php/2129-5ee61339


Webフォントをその場でウェブサイトに適用できるサイト「FontFonter」 トップページへ戻る ブログ内に「Twitterへの投稿」ボタンを設置できるサービス「Tweetmakr」
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。