我的一个客户网站使用名为Roboto的字体。当我在他们的页面上看起来一切都很好,字体在所有这些上都正常工作。
然而,他们说他们的产品页面http://lichtblick-led.de/index.php/produkte.html显示其他字体而不是Roboto。同样,他们只在该页面上说,而不是在其他页面上。
你们中有人可以复制同样的问题吗?
P.S。他们说他们从所有浏览器,几台不同的计算机上测试它,甚至清除缓存。
干杯!
答案 0 :(得分:1)
产品页面上没有从Goolge CDN加载Roboto字体的链接:
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,300italic&subset=latin-ext" rel="stylesheet" type="text/css">
此外,您应该在JavaScript之前加载字体,以防止FOUC。
答案 1 :(得分:1)
在检查页面后,我注意到它没有使用Roboto字体
<link href="//fonts.googleapis.com/css?family=Lora:400,700&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;西里尔字母。