アイコンライブラリアイコンにどのようにアリは、コードを生成し、独自のプロジェクトに適用しました

時々 、ビルトインフレームのアイコン私たちのニーズを満たしていない場合があり、効果を示すために、特定のページや作業を完了するために、アイコンの多くを使用する必要があり、確かに我々はすべて-----アリがアイコンライブラリです知っている良いアイコンライブラリがあります。では、どのようにプロジェクトを行うためにアリのアイコンアイコンライブラリ参照することができますか?辛抱強く読み!
アリアイコンライブラリ住所:https://www.iconfont.cn/
1.目的のアイコンに、希望に応じて検索ホバー、カートに入れるをクリックして
1.png
ショッピングカートに2.
2.png
3.プロジェクトに追加]をクリックします
3.png
。4.選択をそのプロジェクトに追加し、[OK]をクリックします
4.png
。5.は、フォントのクラスのオプションをクリックし、あなたがアイコンを追加したことを確認することができ、以下のコードを、対応する英語のアイコンであり、ローカルにダウンロード]をクリックします。
5.png
6.あなたが圧縮されたパッケージをダウンロードし、ファイル解凍
6.png
7.コピーし、プロジェクトのリソースディレクトリへの最初の残りの2つのファイル以外のファイル
7.png
それがファイルパスを参照しますのでご注意ください、あなたのフロントエンドプロジェクトへの正しい8. iconfont.css参照をセックス。
8.png
9.使用している場合

は、クラス名が必要iconfont 2番目のクラス名を固定された第1のクラス名を、コードがfontClassから取られます
9.png

10.png

おすすめ

転載: www.cnblogs.com/honely/p/11069463.html