uniapp使用字体图标

1.在阿里图标库下载需要的字体图标，选择好图标后点下载代码

iconfont-阿里巴巴矢量图标库

2.将下载的压缩包里面的ttf文件拷贝到uniapp项目的static文件夹

3.如果是要用到app的标题栏右上角，代码如下。

"\ue671"，可以在iconfont.json文件的unicode看

  

   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     
            "path" : "pages/index/index",
     
    
   

    

     

    
    

     
            "style" :                                                                                    
     
    
   

    

     

    
    

     

                  {
     
    
   

    

     

    
    

     
                "navigationBarTitleText": "我的",
     
    
   

    

     

    
    

     
                "enablePullDownRefresh": true,
     
    
   

    

     

    
    

     
				"style": {
     
    
   

    

     

    
    

     
					"app-plus": {
     
    
   

    

     

    
    

     
						"titleNView": {
     
    
   

    

     

    
    

     
							"buttons": [{
     
    
   

    

     

    
    

     
								"text": "\ue671",
     
    
   

    

     

    
    

     
								"fontSrc": "static/iconfont.ttf",
     
    
   

    

     

    
    

     
								"fontSize": "22px"
     
    
   

    

     

    
    

     

      							}]
     
    
   

    

     

    
    

     

      						}
     
    
   

    

     

    
    

     

      					}
     
    
   

    

     

    
    

     

      				}
     
    
   

    

     

    
    

     

                  }
     
    
   

    

     

    
    

     
            
     
    
   

    

     

    
    

     

              }
     
    
  
 

  
 
 

文章来源: zzzili.blog.csdn.net，作者：清雨小竹，版权归原作者所有，如需转载，请联系作者。

原文链接：zzzili.blog.csdn.net/article/details/121631344