如何在vue中使用iconfront(离线状态 离线字体)

web端使用(文档来源于官方文档)用户在iconfont.cn可以下载，多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。第一步：拷贝项目下面生成的font-face @font-face {font-family: ‘iconfont’;src: url(‘iconfont.eot’);src: url(‘iconfont.eot?#iefix’) format(’embedded-opentype’),url(‘iconfont.woff’) format(‘woff’),url(‘iconfont.ttf’) format(’truetype’),url(‘iconfont.svg#iconfont’) format(‘svg’);}第二步：定义使用iconfont的样式(规定了的).iconfont{font-family:“iconfont” !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}第三步：挑选相应图标并获取字体编码，应用于页面3例如： 豆瓣APP中的搜索框 第一步 复制粘贴到<style></style>中最后在div中使用