luguankun

弄了一晚上太坑了!!!!

1.在阿里图标库下载图标

2.下载的解压后,选取四个字体文件

 

 3.在src/assets文件夹下新建一个叫iconfont的文件夹,把这个四个字体文件放进去

4.在src/assets/文件夹下新建一个叫styles的文件夹,把iconfont.css放进去

5.在main.js里引用iconfont.css

import \'./assets/styles/iconfont.css\'

6.更改iconfont.css的路径

 

 7.由于字体图标的类名太长或者是个拼音,所以,更改iconfont.css里的类名,叫自己想要的名字

.icon-test:before {
  content: "\e61c";
}

8.然后最重要的一步了,把类名添加到对应的标签里,前面一定要加上一个iconfont类

 <span class="iconfont icon-test" style="font-size:100px"></span>

 

效果:

 

分类:

技术点:

相关文章:

  • 2021-06-10
  • 2021-11-19
  • 2021-12-01
  • 2021-08-23
  • 2021-11-26
  • 2021-06-18
  • 2022-02-12
  • 2021-04-27
猜你喜欢
  • 2021-12-21
  • 2021-08-10
  • 2021-05-19
  • 2021-12-12
  • 2021-12-31
  • 2021-11-28
  • 2021-12-10
相关资源
相似解决方案