以下章节介绍 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);
}

// 声明一个 CSS 类来使用这个字体
.my-font {
  font-family: "customfont";
}

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