网站某些部分的字体问题

Question

我的一个客户网站使用名为Roboto的字体。当我在他们的页面上看起来一切都很好，字体在所有这些上都正常工作。

然而，他们说他们的产品页面http://lichtblick-led.de/index.php/produkte.html显示其他字体而不是Roboto。同样，他们只在该页面上说，而不是在其他页面上。

你们中有人可以复制同样的问题吗？

P.S。他们说他们从所有浏览器，几台不同的计算机上测试它，甚至清除缓存。

干杯！

Answer 1

产品页面上没有从Goolge CDN加载Roboto字体的链接：

<link href="//fonts.googleapis.com/css?family=Roboto:300,400,300italic&amp;subset=latin-ext" rel="stylesheet" type="text/css">

此外，您应该在JavaScript之前加载字体，以防止FOUC。

Answer 2

在检查页面后，我注意到它没有使用Roboto字体

<link href="//fonts.googleapis.com/css?family=Lora:400,700&amp;subset=latin,cyrillic" rel="stylesheet" type="text/css">

字体 Lora 。

这需要改变

HTML下的

：

<link href='http://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

OR

CSS下的

：

@import url(http://fonts.googleapis.com/css?family=Roboto:700,400&subset=latin,cyrillic);

您可以在GoogleFonts

上进一步修改您的选择 PS：我已经加入了拉丁语＆amp;西里尔字母。