Uniapp uses the Ali Icon

Select your favorite Icon and click Add to stock in

Find the shopping pattern in the upper right corner , Click on , Add the selected icon to the project

Jump to the project after adding
Click download to local

Find after unzipping iconfont.css file , Copied to the uniapp In the project


stay App.vue Import public styles in （ That is, the font icon style just imported iconfont.css）

There are many ways to write

Personal test , These three ways of writing support

Then go back to the Ali icon
Click Copy code

Then open the iconfont.css
Replace the contents of the first paragraph with the copied code

Then you can use the Ali icon in the page
The icon can be used as a font to set the size

<text class="iconfont iconfengzheng" style="font-size: 200px;"></text>

The effect is as shown in the picture

Add ：
Still need to be in iconfont.css in , Add... To the front of all the links inside https:

This was discovered later
The icon will not be displayed when the project is packaged and run on the mobile phone
I don't know why
Blind guessing may be due to the restrictions of the Android system, which does not allow access to non https link