Quantcast
Channel: WEBデザイナーのしおり » WEBデザインツール
Viewing all articles
Browse latest Browse all 5

WEBフォント Font Awesome

0
0

WEBフォントを使用すればいちいち画像でアイコンを作成しなくてもいいので大変便利です。

1.Font Awesomeにアクセスし、まずは必要なファイル一式をダウンロードします。

解凍するとcss、font、less、scssと4つのフォルダが入っています。
使用するのはこの中のcssとfontです。

2.cssとfontフォルダをFTPでサーバーにupします。

3.ページに直接読み込むならヘッダ内に下記を追加

<link rel="stylesheet" href="css/font-awesome.css" />
CSSから読みこませたい場合はCSSに下記を追加します。
@import url(css/font-awesome.css);

これで準備は完了です!

4.表示方法

Font Awesomeのiconsページから使いたいアイコンを選択します。

選択するとタグが表示されますので、そのタグを表示したい場所に貼り付けます
WEBフォント

例:メールはこちら

Viewing all articles
Browse latest Browse all 5

Latest Images

Trending Articles





Latest Images