在开发Vue项目时，我们常常需要去掉Vue自带字体以保持页面的一致性和美观程度。下面简单介绍如何实现去掉Vue字体。

在项目中找到vue.config.js文件，并在文件中添加以下代码：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `
          @import "@/assets/css/reset.scss";
        `
      }
    }
  }
};

我们需要找到reset.scss文件，并在文件中定义全局字体样式（即去掉Vue自带字体样式）。

* {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  word-wrap: break-word;
}

然后在项目中需要使用的地方引用该全局样式：

div {
  /* 使用全局样式 */
  @extend *;
}

这样，我们就可以成功地把Vue自带字体去掉了。