# 字体

有特殊的全局设置可以更改图表上的所有字体。 这些选项在 Chart.defaults.font 中。 全局字体设置仅在配置中未包含更具体的选项时才适用。

例如,在此图表中,除图例中的标签外,文本的字体大小为 16px。

Chart.defaults.font.size = 16;
let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        plugins: {
            legend: {
                labels: {
                    // This more specific font property overrides the global property
                    font: {
                        size: 14
                    }
                }
            }
        }
    }
});
名称 类型 默认 描述
family string "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif" 所有文本的默认字体系列,遵循 CSS 字体系列选项。
size number 12 文本的默认字体大小(以像素为单位)。 不适用于 radialLinear 刻度点标签。
style string 'normal' 默认字体样式。 不适用于工具提示标题或页脚。 不适用于图表标题。 遵循 CSS 字体样式选项(即正常、斜体、倾斜、初始、继承)。
weight string undefined 默认字体粗细(粗体)。 (见 MDN (opens new window))。
lineHeight number|string 1.2 单个文本行的高度(参见 MDN (opens new window))。

# 缺少字体

如果为系统中存在的图表指定字体,浏览器将不会在设置时应用该字体。 如果你注意到图表中出现奇怪的字体,请检查你正在应用的字体是否存在于你的系统中。 有关详细信息,请参阅 问题 3318 (opens new window)

# 加载字体

如果字体未缓存且需要加载,则在加载字体后需要更新使用该字体的图表。 这可以使用 字体加载 API (opens new window) 来完成。 有关详细信息,请参阅 问题 8020 (opens new window)