Início / coding / Perguntas / 79471716
Accepted
sh1
Asked: 2025-02-27 14:00:37 +0800 CST

Como posso estender as configurações de recursos de fonte CSS dos padrões herdados

  • 772

Suponha que eu tenha definido o CSS font-feature-settingspara algum valor que faça sentido para a maior parte da minha página.

Agora, nas tabelas, gostaria de adicionar o tnumrecurso para garantir que todos os números fiquem alinhados para facilitar a comparação (evitando o problema em que "1111" pode parecer menor que "999").

Existe alguma maneira de estender o valor de font-feature-settingssem ir até onde ele está definido globalmente copiando e colando com modificações? Consultando e editando o valor herdado em CSS, ou algo assim?

css

1 respostas

  1. Best Answer

    O CSS não permite que você estenda font-feature-settings herdadas dinamicamente. Se você quiser adicionar tnum mantendo as configurações existentes, você tem que especificar todos os recursos manualmente.

    Uma abordagem melhor é usar font-variant-numeric, que é mais legível e herda corretamente:

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

    Se precisar usar font-feature-settings, você pode armazenar as configurações globais em uma variável CSS para evitar repeti-las:

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

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

    Isso mantém os estilos consistentes e mais fáceis de manter.

    • 1

relate perguntas