我们网站上的漫画字体问题

6
我收到了用户偶尔看到我们网站使用Comic Sans字体的报告,这显然是不可取的。我们使用Lobster Google web字体,我强烈怀疑它正在被渲染为Comic Sans。我们的主页是http://www.scirra.com,有人能告诉我为什么有些人会回退到Comic Sans吗?

不是答案……但是你在那个CSS规则的字体家族中是否有其他字体可供选择?如果有,回退应该在其中一个备用字体家族上,对吗? - summea
@Summea 我们没有列出任何备选项,我只是想知道为什么它会选择Comic Sans,因为我在任何地方都看不到它被定义。 - Tom Gullen
1
哪一部分回退到Comic Sans字体了?我的意思是菜单、页脚等。 - Shiplu Mokaddim
1
我有一种预感,它选择Comic Sans字体是因为它不是“常规默认”衬线、等宽或无衬线字体。它可能属于“幻想”类型的字体规则……因此被渲染为Comic Sans。不过还不确定,所以这不是一个真正的答案。 ;) - summea
始终列出备选项,特别是在使用网络字体时!获取用户的操作系统和浏览器。如果您知道IP地址,可以通过服务器日志扫描匹配的用户代理。这些将在重现问题时非常有价值。 - Brigand
我刚刚在邮件中收到了这个请求:“Wes,请将整个网站的默认字体更改为Comic Sans。”但愿我是在开玩笑。 - Wesley Murch
1个回答

16

这是因为你的字体堆栈(font stack)如下:

font-family: 'Lobster', cursive;

Comic Sans是一种草书体字体。因此,如果从谷歌字体API中加载Lobster字体失败,则可以使用Comic Sans作为有效的备用字体。

个人而言,我对于谷歌字体API的可行性没有什么好话可说,所以我建议您使用@font-face来实现您想要的效果。

编辑:哇,我刚看了一下你的网页,意识到我看到了什么。所以,在个人的角度上,我想说一下,我使用了scirra免费版来帮助我学习Canvas,并且我认为它是一个很棒的产品,所以如果你是团队的成员,我只想说谢谢。


1
@iambriansreed 是正确的,但是他们远程托管文件。我想我更建议在服务器上托管文件。 - Chris Sobolewski
3
是的,在谷歌上购物字体后,我总是下载它们,使用Font Squirrel生成样式表(授权允许此操作),并将它们放在我的服务器上。 - BoltClock
1
@ChrisSobolewski难道不是使用Google的CDN上的文件更好吗? - iambriansreed
1
从理论上讲,CDN 对于这种事情总是更好的选择。然而,我在使用谷歌的 Webfont 服务时遇到了很多问题,而这个问题只是说明不仅仅是我遇到了字体间歇性拒绝显示的问题。 - Chris Sobolewski
2
谢谢解释!是的,我是两人团队的一员 :) 谢谢夸奖! - Tom Gullen
显示剩余3条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接