How to icon icon library Ali generated code and applied to your own project

Sometimes need to use a lot of icons to complete a certain page and work to show the effects, built-in frame icon may not meet our needs, there is a good icon library surely we all know ----- Ali is the icon library. So how are we able to Ali icon icon library references to your project do? Patiently read on!
Ali Icon Library Address: https://www.iconfont.cn/
1. to the desired icon, hover depending on the desired search, click on the Add to cart
1.png
2. Click on the shopping cart
2.png
3. Click the Add to Project
3.png
4. Select which add to a project, click OK
4.png
5. click the font class options, you can see that you've added icons, the following is the English icon corresponding code, click download to the local.
5.png
6. You will download a compressed package, unzip the file
6.png
7. Copy the file except the first two remaining files to your project resources directory
7.png
correct 8. iconfont.css reference to your front-end project Please note that references a file path sex.
8.png
9. When using

the first class name is fixed iconfont second class name you need the class name, the code is taken from fontClass
9.png

10.png

Guess you like

Origin www.cnblogs.com/honely/p/11069463.html