一般的なフォントのアイコンライブラリ--font-素晴らしいです

1.はじめに

FontAwesome 1のWeb機能を備えた象形文字言語の種類、およびコレクションに集め。675個のフォントのアイコンがありますが、検索は英語のみをサポートし、中国の住所：http://www.fontawesome.com.cn/

2.

（1）ホームページ上で最新版、圧縮ファイルをダウンロードします。

（2）修復されませんファイル名を変更するには、ファイルをプロジェクトに解凍されます

CSSを使用しました

コピー font-awesome プロジェクトにディレクトリを

<head>ロードされたフォントawesome.min.css続きます。

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

使用サスまたは少ないです

フォント恐ろしい4.7.0をカスタマイズするパーソナライズLESS使用するか、SASS

コピー font-awesome/ プロジェクトにディレクトリを。
あなたのプロジェクトを開く font-awesome/less/variables.less か、 font-awesome/scss/_variables.scss [編集] @fa-font-path または $fa-font-path 変数がフォントディレクトリを指定します。
```
@fa-font-path:   "../font";
```
フォントパスはCSSディレクトリへの相対パスです。
あなたは、静的なコンパイラを使用する場合は、あなたのLESSやSASSを再コンパイルしてください。

あなたが既に知っているときに開始する方法その後恐ろしいフォントを使用して、あなたが使用することはできません<i>、あなたのサイトを使用する場所を包んタグを。ここではいくつかの例からもあるブートストラップのドキュメント。

（3）アイコンへの参照

あなたは、CSSプレフィックス設定することができますfaどこにでも配置フォント恐ろしいアイコンに特定の名前とアイコンを。フォント恐ろしいは（我々はより短い使用したいとインライン要素のために設計された<i>ラベルを、より正確な意味です）。

<i class="fa fa-camera-retro"></i> fa-camera-retro

たとえば：あなたはデフォルトのアイコンコンテナアイコンのフォントサイズを変更する場合は、アイコンのサイズが変更されます。同じことが他のCSSサポートの色、シェーディング、影の効果に適用されます。

（4）アイコンのサイズを変更します

使用して、そのコンテナに対するアイコンのサイズを大きくするために fa-lg （33％ずつ）を、 fa-2x、 fa-3x、 fa-4x、または fa-5x クラス。

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x <i class="fa fa-camera-retro fa-3x"></i> fa-3x <i class="fa fa-camera-retro fa-4x"></i> fa-4x <i class="fa fa-camera-retro fa-5x"></i> fa-5x