我们将在下面的部分处理 Quasar 提供的排版。

标题

字体粗细

CSS 辅助类

默认字体

嵌入的默认网络字体是 Roboto。**但这不是必需的**。您可以使用任何您喜欢的字体。

Roboto 带有 6 种不同的字体粗细供您使用：100、300、400、500、700、900。

如果要删除 Roboto 字体，默认情况下它会嵌入在这里

extras: [
  'roboto-font'
]

添加自定义字体

还可以包含其他字体以便在应用程序中使用它们。以下是一种方法

1. 将您的新网络字体 [customfont].woff（或任何扩展名；建议使用 woff 以确保所有浏览器的兼容性）复制到您选择的目录中，例如：./src/css/fonts/[customfont.woff]
2. 在 ./src/css/app.{css|sass|scss|styl} 中声明您的字体（或在您认为合适的位置，但请正确更新到网络字体文件的相对路径）

@font-face {
  font-family: customfont;
  src: url(./fonts/customfont.woff);
}

// declare a class which applies it
.my-font {
  font-family: 'customfont';
}

3. 然后在需要的地方使用该类。