html - Google Chrome 与 Firefox 中的字体显示完全不匹配

Question

我使用了来自 Goolge 的 CSS，结果令人费解。下面是两张截图。来自 Firefox 的那个显示了正确的（或者，至少是预期的渲染），来自 Chrome 的那个显示了一些随机字体......

火狐

铬合金

这就是我加载它的方式：

<link href='http://fonts.googleapis.com/css?family=Lobster+Two:700italic'
          rel='stylesheet' type='text/css'/>

相关的 CSS 规则：

.digit {
    font-family: 'Lobster Two', cursive;
    font-size: 24pt;
    background-color: #d1d2d4;
    color: #ebebec;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
    float: left
}

我很茫然...

Answer 1

在某种程度上，遵循 Fluidbyte 的建议，我决定使用我拥有的字体文件，而不是来自谷歌 CDN 的字体文件，并且它有效。我仍然很想知道为什么我第一次尝试时它不起作用，但作为实用的解决方案（可能只与这种特定字体相关），如果你面临同样的问题，这应该会对你有所帮助。