定价
登录 开始使用
文档 学习
首页
分析
嵌入
管理
其他资源

字体

自定义字体仅在 Pro 和 Enterprise 计划（自托管和 Metabase 云）中可用。

在 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 设置了自定义字体，则可以在静态嵌入中的“使用实例字体”中选择该字体。

延伸阅读

阅读其他Metabase 版本的文档。