特定网页在 Firefox 上呈现的字体不同
Fonts render differently on Firefox for a particular webpage
我正在为网站开发登陆页面：
https://emotional-wellbeing.com/
页面在 Chrome 中呈现良好，但在 Firefox 中根本不显示 Open Sans Condensed 字体。我已尝试从该论坛进行多项更改，但 none 有所帮助。
Google字体包括：
<link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:700" as="style" onload="this.rel='stylesheet'"/>
页面为 Open Sans 字体，除了：
<div class="sectionmainheadline"><h1 style="font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-stretch: condensed;">"Discover How You Can <span style='color: #3a9921;'>Melt Away</span> Away Your Stress & <span style='color: #3a9921;'>Overcome </span>Your Anxiety,<br/><span class='underline'>In As Little As 5 Minutes From Now</span>"</h1></div>
我正在使用 Bootstrap 4.
您可以在此处查看 Chrome 上的效果：
但是在Firefox上红圈区域看起来不是Open Sans Italic，蓝圈区域是天知道是什么字体！:
如何让这些带圆圈的区域看起来像 Chrome 版本？我没主意了。
看起来像这样
<link rel="preload" […] as="style" onload="this.rel='stylesheet'"/>
一开始在 FF 中无法正常工作。一旦我在检查器中手动将 rel 更改为 stylesheet，提到的部分就会以所需的字体正常显示。
因为在那之前我什至没有看到对样式表 URL 的请求，所以我假设这不是 onload 部分出了问题，而是 FF 不想通常以这种方式预加载样式表 (?)。
我正在为网站开发登陆页面：
https://emotional-wellbeing.com/
页面在 Chrome 中呈现良好，但在 Firefox 中根本不显示 Open Sans Condensed 字体。我已尝试从该论坛进行多项更改，但 none 有所帮助。
Google字体包括：
<link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Open+Sans+Condensed:700" as="style" onload="this.rel='stylesheet'"/>
页面为 Open Sans 字体，除了：
<div class="sectionmainheadline"><h1 style="font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-stretch: condensed;">"Discover How You Can <span style='color: #3a9921;'>Melt Away</span> Away Your Stress & <span style='color: #3a9921;'>Overcome </span>Your Anxiety,<br/><span class='underline'>In As Little As 5 Minutes From Now</span>"</h1></div>
我正在使用 Bootstrap 4.
您可以在此处查看 Chrome 上的效果：
但是在Firefox上红圈区域看起来不是Open Sans Italic，蓝圈区域是天知道是什么字体！:
如何让这些带圆圈的区域看起来像 Chrome 版本？我没主意了。
看起来像这样
<link rel="preload" […] as="style" onload="this.rel='stylesheet'"/>
一开始在 FF 中无法正常工作。一旦我在检查器中手动将 rel 更改为 stylesheet，提到的部分就会以所需的字体正常显示。
因为在那之前我什至没有看到对样式表 URL 的请求，所以我假设这不是 onload 部分出了问题，而是 FF 不想通常以这种方式预加载样式表 (?)。