iconfont Alibaba vector icon introduction method

Type 1: H5 project introduction:

Method 2: Introduce the method in the uniapp project:

Method 3: Introduce in the WeChat Mini Program:

Step 1: Select Font class, click the online link to view the code:

Step 2: View the code:

 Step 3: Create a new style file in the applet, and copy all the code in the second step into the newly created file:

 Step 4: Introduce the font icon file just created in the global file app.wxss:

 

Step 5: In the required page reference, put the class prefix in the <text> tag with iconfont to display the font icon:

Remarks: If some font icons are added in the project later, you need to perform the first three steps again and update the iconfont.wxss file.