iconfont图标本地使用

iconfont图标本地使用

1选择对应的图标加入购物车
iconfont图标本地使用_第1张图片
2.将图标添加至项目(没有项目新建一个)
iconfont图标本地使用_第2张图片
3.将图标下载至本地并解压
iconfont图标本地使用_第3张图片
4.将iconfont.css放到你自己的css文件夹中(也可就在fonts目录中),然后引入到你自己的项目中,在css文件夹同级目录下创建一个font文件夹,将上图中的iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff这四个文件放进去
iconfont图标本地使用_第4张图片
5.导入iconfont.css

import '@/assets/fonts/iconfont.css'

6.引用图标(必须加iconfont 前缀,icon-w_mine为图标名)

                
                    
                

iconfont图标本地使用_第5张图片

你可能感兴趣的:(前端,图标,图标设计,css,icons)