iconfont 无法导入,图标显示空白的问题

  • 选中想要的图标加入购物车,然后加入一个已有的项目或新建一个项目。
  • 然后点击symbol,再点击“下方新icon来袭,点击更新代码”。
  • 第一次导入或更新导入都要点这个,会生成或刷新一个js链接,然后把这个链接复制到html的head里,新建一个script标签,把这个js链接粘贴到src属性里:如:"//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js"。
  • 这里要注意:那两个//前面要加上协议名(http,https,ftp),不加加载网页时找不到这个js文件的。
  • 引入新图标就是更新了项目图库,js链接会变,所以一点要点“下方新icon来袭,点击更新代码”。然后把那一串css代码:


    复制粘贴到html的head里,粘到外部css里也行的。
  • 然后就是把


    粘贴到想要放图标的地方,选中图标,点击“复制代码”,然后粘贴到#后面,注意:#是要有的,变的是后面的内容。
  • 最后在css的icon里修改尺寸颜色就行了。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值