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

Question

我使用了 Goolge 的 CSS，但得到了令人费解的结果。下面是两个截图。来自 Firefox 的显示正确(或者至少是预期的呈现)，来自 Chrome 的显示一些随机字体...

火狐

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 的建议，我决定使用我拥有的字体文件，而不是来自 Google 的 CDN 的字体文件并且它起作用了。我仍然很想知道为什么它在我第一次尝试时不起作用，但作为实际的解决方案(可能只与这种特定字体相关)，如果您遇到同样的问题，这应该对您有所帮助。