Webfontの使い方

Genericons

事前準備
1 http://genericons.comから「Genericons」をダウンロードとして解凍
2.サーバ上に配置し、Webサイトからリンクを貼る。

使い方
3.HTMLでアイコンフォントを設定

Genericonsのページに行き使いたいアイコンをクリック。

「Copy HTML」をクリックするとWindowが立ち上がるため、そのソースをコピーし、ページに貼付ける



CSSでアイコンフォントを設定する

詳細は
無料で使えるフラットアイコンフォント「Genericons」
を読んでね。

GoogleFonts
1.http://www.google.com/fontsにアクセスし、
表示したいアイコンをクリックして、HTMLを取得フォントを指定、

2. 以下のようなコードを font

header.phpに記述

3.style.cssに
.kavoon{
font-family: ‘kavoon’, cursive;
}

4.編集画面から

Meet up

とすると上のようになる。