网站某些部分的字体问题

Question

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

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

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

P.S。他们说他们在所有浏览器、几台不同的计算机上对其进行了测试，甚至清除了缓存。

干杯！

Answer 1

用于从 Goolge CDN 加载 Roboto 字体的 link 未出现在产品页面上：

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

或

在CSS下：

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

您可以在 GoogleFonts

上进一步修改您的选择

PS：我已经包含了拉丁文和西里尔文子集。

Font problems on certain parts of site