在vue项目中使用iconfonts——去哪儿网(一)

• Z时代
• 2024-01-10
• 分类：综合

首先在字体图标库官网找到需要的字体图标，然后加入到购物车中，在购物车中添加至项目，下载字体图标至本地，

将下载的文件中的字体样式css文件以及字体文件提取出来，放到vue项目中assets下的styles文件夹下,将字体文件放到新建文件夹iconfont下，

打开iconfont.css文件，修改引入的字体文件的路径

因为可能每个页面都需要引入iconfont，所以直接在main.js中引入iconfont.css

然后在字体图标库的官网点击复制代码，将复制到的代码放到项目中

给元素添加iconfont属性，就可以正常显示

以上是 在vue项目中使用iconfonts——去哪儿网(一) 的全部内容， 来源链接： utcz.com/z/376070.html