Why use iconfont?
As the name implies, iconfont is to present icons in fonts, and its advantages lie in the following aspects:
1. You can change its color through css style (the most domineering reason)
2. Compared with the picture, it has a higher resolution
3. Smaller storage
Disadvantages: browser compatibility is not popular enough, but fortunately most mainstream browsers support it
how to use iconfont
download
1. Login: http://www.iconfont.cn/
2. Find Icon Management -> My Projects -> New Project
Click New Project to save your frequently used icons.
I have a few Alibaba Cloud lucky coupons to share with you. There will be special discounts for purchasing or upgrading Alibaba Cloud products with coupons Oh surprise! Take all the lucky coupons for the products you want to buy! Hurry up, it's about to be sold out.
3. After the project is created, add the icon we want to use to the project.
Find the icon library, search for a desired icon, and add it to the shopping cart
. 4. After adding to the shopping cart, the number of the shopping cart badge should show 1. Click the shopping cart icon in the upper right corner, select Add to project, select the project we just created, and confirm to
automatically jump to the corresponding project
5. The next part is more critical, download the packaged font file to the local add to In your project, reference the iconfont.css file in the file in the project