在vue-cli 3中使用本地字体

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('fonts')
      .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
      .use('url-loader')
      .loader('url-loader')
      .options({
        limit: 8192,
        name: 'fonts/[name].[hash:8].[ext]'
      })
      .end();
  }
};

<style>
@font-face {
  font-family: 'MyFont';
  src: url('@/assets/fonts/MyFont.ttf') format('truetype');
}

body {
  font-family: 'MyFont', sans-serif;
}
</style>