Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

Google Web Fontsを試してみました

Google Web Fontsを試してみました

Google Web Fontsを試してみました

Google Web Fontsとは、Googleが提供するフォント提供サービスです。全てオープンソースですので気に入ったフォントがあればすぐに使用することが出来ます。

但し、まだ日本語は非対応のようです。

Google Web Fontsを導入する方法

Google Web Fontsへアクセス
Google Web FontsへアクセスまずはこちらのGoogle Web Fontsへアクセスします。
Google Web Fontsでは文字列の長さを単語(Word)、文(Sentence)、段落(Paragraph)などからフォントを検索することが出来ます。お気に入りのフォントが見つかれば、「Quick-use」をクリックします。
ソースをコピー
ソースをコピー画面を少しスクロールすると、上記のようなコードが掲載してあります。このソースをhtml、CSSにコピーしてやれば、導入完了です。
サンプルソース
head内に下記のソース

body内に下記のソース
Forty-N-Five
結果こんな感じ
結果こんな感じ結果このように表示されます。ここでは画像になっていますが、実際はテキストとして表示されます。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

Google Web Fontsを試してみましたの前後の記事

前の記事は「Photoshop(フォトショップ)でfacebookアイコンを作る方法

次の記事は「IllustratorCS5で特定の色を一括で変更できる機能が便利

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.