我們將在以下章節中處理 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. 然後在您需要的地方使用該類別。