主页 / coding / 问题 / 79471716
Accepted
sh1
Asked: 2025-02-27 14:00:37 +0800 CST

如何从继承的默认值扩展 CSS 字体功能设置

  • 772

假设我已将 CSS 设置font-feature-settings为对我的页面主体有意义的某个值。

现在，我想在表格中添加该tnum功能，以确保所有数字都整齐对齐，以便于比较（避免“1111”看起来小于“999”的问题）。

有没有办法可以扩展 的值，font-feature-settings而不用去全局设置它的地方进行复制粘贴并进行修改？通过查询和编辑 CSS 中的继承值，或者类似方法？

css

1 个回答

  1. Best Answer

    CSS 不允许您动态扩展继承的字体功能设置。如果您想在保留现有设置的同时添加 tnum，则必须手动指定所有功能。

    更好的方法是使用 font-variant-numeric，它更具可读性并且可以正确继承：

    table {
    font-variant-numeric: tabular-nums;
}

    如果需要使用 font-feature-settings，您可以将全局设置存储在 CSS 变量中，以避免重复：

    :root {
    --global-font-features: "liga" 1, "kern" 1;
}

table {
    font-feature-settings: var(--global-font-features), "tnum" 1;
}

    这使得风格保持一致且更易于维护。

    • 1

相关问题