带有纹理的自定义字体呈现在标题中没有纹理
Custom font with textures renders without textures in headings
我不知道我应该提供多少信息 - 代码片段、使用的工具、工作环境 - 但这里是。
我正在使用 React 开发一个网站，我使用 @font-face 导入 self-hosted 自定义字体。我用于 p 的字体效果很好，但我用于标题 (h1, h2, etc.) 的字体应用了纹理，但纹理无法正确呈现。
例如，我有一个 nav ul li a 元素，其中字体按应有的方式显示（不知道为什么）：
示例截图：
但由于某些原因，所有h1, h2等使用相同字体的元素，都没有纹理显示。
示例截图：
有没有人遇到过类似或更好的问题，知道如何解决这个问题？
我尝试了很多故障排除解决方案 - 转换字体文件、尝试不同的 CSS 渲染等选项、添加 unicode-range、颜色选项等 - 但事实证明我需要的都是要做的是将 font-weight:normal; 与 font-weight:bold;.
交换
现在，字体显示不仅针对 nav ul li a 元素而且还针对所有标题显示纹理。 :)
我对整个问题想得太多了。
我不知道我应该提供多少信息 - 代码片段、使用的工具、工作环境 - 但这里是。
我正在使用 React 开发一个网站，我使用 @font-face 导入 self-hosted 自定义字体。我用于 p 的字体效果很好，但我用于标题 (h1, h2, etc.) 的字体应用了纹理，但纹理无法正确呈现。
例如，我有一个 nav ul li a 元素，其中字体按应有的方式显示（不知道为什么）：
示例截图：
但由于某些原因，所有h1, h2等使用相同字体的元素，都没有纹理显示。
示例截图：
有没有人遇到过类似或更好的问题，知道如何解决这个问题？
我尝试了很多故障排除解决方案 - 转换字体文件、尝试不同的 CSS 渲染等选项、添加 unicode-range、颜色选项等 - 但事实证明我需要的都是要做的是将 font-weight:normal; 与 font-weight:bold;.
现在，字体显示不仅针对 nav ul li a 元素而且还针对所有标题显示纹理。 :)
我对整个问题想得太多了。