网站某些部分的字体问题

我的一个客户网站使用名为Roboto的字体。当我查看他们的页面时，所有外观都很好，并且字体在所有页面上都能正常工作。网站某些部分的字体问题

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

任何人都可以复制相同的问题吗？

P.S.他们表示，他们从所有浏览器，几台不同的电脑，甚至清除了缓存来测试它。

干杯！

你如何提供字体Roboto到页面？谷歌字体？ @字体面？ – hungerstar

在哪个浏览器中遇到问题？在所有浏览器上？（它看起来不像...） –

不仅字体问题...在Firefox上你有一个javascript错误，轮子没有定义。所以你甚至不会看到加载了延迟加载的图像。 –

页的检查后，我发现它不使用的Roboto字体

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

是字体劳拉。需要

这下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：我已经包括拉丁文&西里尔语子集。

2015-04-15 14:19:45

这是不正确的。如果你检查你看到的页面： Font =============================== font-family（stack）：Roboto，“Lora”，衬线正在呈现的字体：Roboto font-size：13px –

true，但只是设置'font-family：Roboto;'不会工作，除非样式表链接;在这种情况下不是。请参阅HTML检查员 –

下的''部分我知道，您不需要检查头部以查看加载的字体。我看到那里正在加载洛拉，但这不是重点。还有很多其他的方法。例如，检查控制台上的网络选项卡，然后按字体进行过滤。同样使用浏览器的插件可以帮助识别正在渲染的字体。 –

加载从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之前。

2015-04-15 14:12:52 enyce12

奇怪，我确定我在链接头里添加了链接。去检查一遍。感谢您的建议。 –

回答