阿里字体图标使用方法详解 (2)

  

阿里字体图标使用方法详解

  如图所示,点击复制此代码,把地址在浏览器中打开,就能看到生成的代码了。如下图所示:

  

阿里字体图标使用方法详解

    6.在自己的web项目中使用字体图标

  首先,你需要把第5步最后页面里展示的css代码全选,然后ctrl + c复制出来。

  然后在你自己的项目中创建一个.css文件。比如我这里创建了一个iconfont.css文件,然后把这些代码粘贴进去,并保存。如图:  

阿里字体图标使用方法详解

  当然,如果你的是微信小程序项目,你就创建一个.wxss文件保存之。

  大功告成,你可以在项目里使用了。比如:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzgdwy.html