我们将在以下各节中处理Quasar提供的排版。

标题

字体粗细

CSS辅助类

默认字体

嵌入的默认Webfont是Roboto。但这不是必需的。你可以使用任何你喜欢的字体。

oboto带有5种不同的字体粗细，您可以使用：100,300,400,500,700。

这里是默认嵌入Roboto字体的配置，如果您寻求删除Roboto字体的话：

// 文件: /quasar.conf.js
extras: [
  'roboto-font'
]

添加自定义字体

也可以包括其他字体以在应用程序中使用它们。 以下是一种实现方法：

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

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

// 声明一个应用它的类
.my-font {
  font-family: 'customfont';
}

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