SSブログ

wordpress アイコンフォントを使う [Tips]

アイコン画像を作るのも大変だし、最近はアイコンフォントを使っています。
例えば、Foundation icon font 

Wordpressで使ってみます。
1:ダウンロードして解凍したら、テンプレートフォルダに置きます。※フォルダ名をiconとしました。

2:headerにリンクする
<link rel="stylesheet"href="<?php bloginfo('template_url'); ?>/icon/foundation-icons.css">

3:書きたいところに<i class="fi-page-export-pdf"></i> とか
<p><i class="fi-page-export-pdf" style="font-size: 1em; margin-right: 5px; vertical-align: middle;"></i>PDFファイル</p>とか。


nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。