如何在nuxt中引入Font Awesome字体图标库

下载字体库

进入Font Awesome官方网址,下载字体库,官方网址:http://www.fontawesome.com.cn/

如何在nuxt中引入Font Awesome字体图标库插图

配置font-awesome

下载完成之后,对压缩包进行解压,放置项目中的assets文件夹下

如何在nuxt中引入Font Awesome字体图标库插图1

在nuxt.config.js中添加配置,这里根据自己的路径修改即可

{
    src: '~assets/font-awesome-4.7.0/css/font-awesome.min.css'
}

最新的版本配置文件是这样的

  css: [
    'element-ui/lib/theme-chalk/index.css',
    'element-ui/lib/theme-chalk/display.css',
    '@assets/icons/iconfont.css',
    '~assets/font-awesome-4.7.0/css/font-awesome.min.css'
  ],

如果你用的是最新版,记得去掉src

使用

按照官网的教程,添加到需要的地方即可。同理,你可以引入字体,iconfont等等。

版权声明:
作者:北忘山
文章:如何在nuxt中引入Font Awesome字体图标库
链接:https://www.beiwangshan.com/archives/227.html
来源:beiwangshan.com
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>