Vue项目中引入外部字体

1：下载字体

2：font.css

3:main.js中引入

import '@/fonts/css/font.css'

4：webpack.base.conf.js中loader

{
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
}

5：直接用就可以了

.carousel-item-span{
  color:#ffffff;
  font-family: 'youyuan';
}