可以别名一个字体家庭/体重吗？

Question

我正在一个项目中工作，其中字体系列被定义为内联样式，其中内置了加权细节，例如font-family：inter_700bold

是否有一种方法可以使CSS/HTML中的font中的别名。 -family：Inter_700bold变为font-fomily：inter，font-jight：700

Answer 1

一种可能的解决方案可能是要使用您提到的内联样式定位元素的选择器，并将重量/实际字体应用于它们。

[style*="font-family: Inter_700Bold"] {
  font-family: 'Inter_700';
  font-weight: 700;
}

<p style="font-family: Inter_700Bold;">has the font family</p>
<p style="text-transform: capitalize; font-family: Inter_700Bold;">has other styles as well</p>
<p>doesn't have the font family</p>

Answer 2

您不能在HTML/CSS中使用某种动态别名，您将需要某种预处理程序。
但是，在定义@font-face时，您定义了字体的本地页面别名：

@font-face {
  font-family: 'this_font_will_be_used_through_this_long_ugly_name';
  ...
}
.some_element{
  font-family: this_font_will_be_used_through_this_long_ugly_name;
}

确保您需要将所有可能的组合定义为@font-face定义。