0

我正在为一个网站开发一个登陆页面:

https://emotional-wellbeing.com/

该页面在 Chrome 中呈现良好,但在 Firefox 中,Open Sans Condensed 字体根本不显示。我已经尝试了该论坛的一些更改,但没有任何帮助。

谷歌字体包括:

<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>

我正在使用引导程序 4。

您可以在此处查看它在 Chrome 上的外观:

铬版

但是在 Firefox 上,红色圆圈区域看起来不像 Open Sans Italic,蓝色圆圈区域是天知道是什么字体!:

火狐版

我怎样才能让这些圆圈区域看起来像 Chrome 版本?我没主意了。

4

1 回答 1

0

看起来像这样

 <link rel="preload" […] as="style" onload="this.rel='stylesheet'"/>

在 FF 中无法按预期工作。一旦我在检查器中手动更改为relstylesheet所提到的部分就会以所需的字体显示。

由于在此之前我什至没有看到对样式表 URL 的请求,所以我认为这不是onload这里出错的部分,但 FF 通常不希望以这种方式预加载样式表(?)。

于 2018-06-11T11:50:34.307 回答