字体

自定义字体仅在ProEnterprise套餐(自托管和Metabase Cloud均支持)中可用。

在Pro和Enterprise套餐中,您可以自定义Metabase使用的字体(默认字体为Lato)。您可以从精选的Google字体中选择,这些字体支持Metabase在其各种UI元素中依赖的常规、粗体和重体字重。

包含的字体

要更改Metabase字体,请点击屏幕右上角的齿轮图标,然后选择管理员设置 > 设置 > 外观。在字体下,从包含的字体列表中选择。

Comic Sans 目前不包含在内。

自定义字体

要设置自定义字体,请点击屏幕右上角的齿轮图标,然后选择管理员设置 > 设置 > 外观

字体中,选择自定义…并输入字体文件的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请求获取ttf文件的URL。例如,假设我们想使用Roboto Mono:以下是我们如何为 400 和 700 样式获取字体文件URL的方法。

我们在浏览器地址栏中粘贴URL https://fonts.googleapis.ac.cn/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 的文档。

这有帮助吗?

感谢您的反馈!
想改进这些文档?提议更改。
© . This site is unofficial and not affiliated with Metabase, Inc.