我有一个 wabpage (HTML)，它使用在级联样式表中使用 @font-face{} 加载的不同 ttf 字体。但是，我发现其中一种字体比其他字体小。我在同一页面中加载了 Katex 以呈现数学。

我面临的问题是，由于我不知道如何为每种字体设置合适的大小，所以当我为使用font A 和b 的元素设置特定的字体大小a 时对于我使用font B 的元素，字体也会影响数学方程式的 Katex 渲染。因此，如果默认情况下字体 A 非常小，我需要覆盖默认字体大小并使其更大以使其看起来不错，但是较大的字体会影响由 Katex 渲染的数学方程并使它们变得特别大！

所以我的问题是：

如何在@font-face{} 本身中为不同字体设置不同的大小，以便使用特定字体不会影响其他元素和 JS 渲染器（如 Katex）。 我想要类似的东西：

但是，我无法让上述工作。另外，查看Font Face Rule @w3schools.com，我发现字体大小不在允许的描述符列表中。尽管如此，在同一篇 W3 Schools 文章中，我发现了另一个字体描述符：font-stretch，但这也没有用。