阅读 610

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里修改尺寸颜色就行了。