著者:Akiyoshi Takashima

公開日:

カテゴリー:

WEB制作

googlefonts

こんにちは!
WEBディレクター/デザイナーのアキです。

前から気になっていたGoogleFontsを試してみました。
このサイトの英字フォントにはQuicksandを使用しています。

This is “Quicksand” from Google Fonts.

導入も簡単で2つのコードを貼付けるだけです。
まずはhead内に以下のコードを設置します。

<link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>

あとはfont-familyで指定するだけ

font-family: 'Quicksand', sans-serif;

簡単ですね^^

通常はパソコンにフォントが入っていないと表示されないのですが、
GoogleFontsからフォントのデータを読み込ませているので、
使用フォントがパソコンに入っていなくても表示ができるようになります。

GoogleFontsは、オシャレなフォントが多いのでイイ感じ。
商用利用も可能です。

ふふふ、使用頻度が増えそうです^^

>>GoogleFonts

というわけで、
明日も頑張りま〜す^^/

 

Twitter でウェブ屋のアキさんをフォローしよう!

The following two tabs change content below.
Akiyoshi Takashima
ウェブサイトからの集客・反応率アップにつながる情報をお届けします。ウェブサイト制作やリニューアル、運営でのご相談はお問い合わせください。初心者の方でもわかりやすくご説明いたします。
Akiyoshi Takashima

最新記事 by Akiyoshi Takashima (全て見る)