带有纹理的自定义字体在标题中呈现没有纹理

Question

我不知道我应该提供多少信息 - 代码 sn-ps、使用的工具、工作环境 - 但这里有。

我正在使用 React 开发一个网站，我使用 @font-face 导入自托管的自定义字体。我用于 p 的字体效果很好，但我用于标题的字体 (h1, h2, etc.) 应用了纹理，并且纹理无法正确渲染。

例如，我有一个nav ul li a 元素，其中的字体按原样显示（不知道为什么）： 截图示例：

但由于某种原因，所有使用相同字体的h1, h2等元素，都显示为没有纹理。 截图示例：

有没有人遇到过类似的问题，甚至更好，知道如何解决这个问题吗？

Answer 1

我尝试了许多故障排除解决方案 - 转换字体文件、尝试不同的 CSS 渲染等选项、添加 unicode-range、颜色选项等 - 但结果我需要做的只是交换 font-weight:normal;与font-weight:bold;.

现在字体显示的纹理不仅适用于 nav ul li a 元素，而且适用于所有标题。 :)

我想太多了。