vuetify.js - nuxt vuetify 谷歌字体

Question

我将 Nuxt 与 vuetify 一起使用。我想使用谷歌字体。不幸的是，无法用 main.styl 文件覆盖默认字体 Roboto。main.stly 的目标是覆盖 vuetify 样式。我怎么可能用我的字体（也是按钮）覆盖所有内容。非常感谢您的帮助

nuxt.config.js

{
    rel: 'stylesheet',
    href:
      'https://fonts.googleapis.com/css?family=Noto+Serif'
  }
css: [
'~/assets/style/app.styl',
'~/assets/style/main.styl'css:],

主样式

body{
font-family: 'Noto Serif', serif;}

图片 01

图片 02

标签： vuetify.jsnuxt.jsgoogle-font-api

Answer 1

在 nuxt.config.js 中，您可以添加如下内容，它会自动从谷歌字体中获取。

您不必在 scss 文件中指定字体。它会自动为您做到这一点。