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

，可以通过以下步骤实现：

将字体文件放置在项目的某个目录下，例如在src/assets/fonts目录下。
在vue.config.js文件中配置字体文件的加载规则。如果没有该文件，可以在项目根目录下创建一个vue.config.js文件，并添加以下内容：

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();
  }
};

在Vue组件中引入字体文件。可以在需要使用字体的组件中，通过CSS的@font-face规则引入字体文件。例如，在App.vue组件中引入字体文件：

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

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

在上述代码中，首先使用@font-face规则定义了一个名为"MyFont"的字体，然后在body样式中使用该字体。