定價
登入 開始使用
文件 學習
首頁
分析
嵌入
管理
其他資源

字型

可自訂字型僅適用於 Pro 和 Enterprise 方案（包括自架和 Metabase Cloud）。

在 Pro 和 Enterprise 方案中，您可以自訂 Metabase 使用的字型（預設為 Lato）。您可以從精選的 Google 字型集中選擇，這些字型適用於 Metabase 各種 UI 元素所依賴的常規、粗體和特粗字重。

包含的字型

若要變更您的 Metabase 字型，請點擊螢幕右上角的齒輪圖示，然後選擇「管理設定」>「設定」>「外觀」。在「字型」下方，從包含的字型列表中選擇。

Comic Sans 目前未包含在內。

自訂字型

若要設定自訂字型，請點擊螢幕右上角的齒輪圖示，然後選擇「管理設定」>「設定」>「外觀」。

在「字型」中，選擇「自訂…」，然後輸入您的字型檔案 URL。

字型樣式選項

您可以設定三種不同的字型樣式，並使用三個不同的 URL，每個 URL 對應一種字型樣式（大小和粗細），Metabase 將使用這些樣式來正確顯示其使用者介面。字重為

  • 一般 400
  • 粗體 700
  • 特粗 900（有時稱為 Black 900）

您只需要設定第一個樣式（一般 400）；瀏覽器會填寫其他樣式。

為了獲得最佳效果，請至少設定 400 和 700 樣式。如果您有一個字型檔案包含同一系列中的多種字型樣式，請在多個欄位中輸入 URL，以告知 Metabase 優先使用該字型檔案中的字重。Metabase 將使用這些樣式來覆寫瀏覽器設定的字型樣式。

支援的字型檔案格式

對於自訂字型，Metabase 支援 woff、woff2、ttf 檔案。如果您提供的 URL 缺少特定的檔案副檔名，Metabase 會假設它是 woff2 檔案。

Google 字型 URL

若要取得 Google 字型的 URL，請訪問 Google 字型頁面並選擇您想要使用的樣式。然後發出 HTTP 請求以取得 tff 檔案的 URL。例如，假設我們想要使用 Roboto Mono：以下是如何取得 400 和 700 樣式的字型檔案 URL

我們會將 URL https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap 貼到瀏覽器的網址列中。此 URL 將傳回類似如下的回應

* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v21/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v21/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
...

對於拉丁文字，我們會複製每個樣式的相關 src URL，在本例中為

然後將這些 URL 貼到「管理設定」>「設定」>「外觀」>「字型」區段中的相關輸入欄位，該區段會顯示「告訴我們在哪裡可以找到每個字重的檔案。您不需要包含所有檔案，但如果您這樣做，效果會更好。」

在 GitHub 上託管字型

如果您在 GitHub 上託管字型，則字型應位於公開儲存庫中，並且您需要連結到從 raw.githubusercontent.com 網域提供的原始字型檔案。

例如，假設您想要使用 Inter 字體。該字型託管於

https://github.com/rsms/inter/blob/master/docs/font-files/Inter-Regular.woff2

那麼您需要的連結是

https://raw.githubusercontent.com/rsms/inter/master/docs/font-files/Inter-Regular.woff2

這遵循以下模式

raw.githubusercontent.com/${user}/${repo}/${branch}/${path}

請注意，在原始連結中，URL 中沒有 /blob/ 目錄。

支援多種語言

若要支援多個字元集，例如拉丁文和西里爾文，您需要合併字型檔案。

自訂個別嵌入項目的字型

除了包含的字型之外，如果您為 Metabase 設定了自訂字型，則可以從靜態嵌入中的「使用執行個體字型」中選擇該字型。

延伸閱讀