@Android上的Chrome无法呈现字体

在Android手机上的Chrome浏览器中，@font-face没有正确呈现徽标下的3个单词。但是，页脚中似乎使用了相同的字体。我不确定这是否与字体有关，但这是我最好的猜测。这是Android Chrome的屏幕截图：

CSS:

---

它在Chrome for iOS上正确渲染。我没有Android设备可以看到它，但是试着让你的H2行高度和字体大小相同或更大。它们目前比您的字体大小短1像素。

我没有安卓手机，但从屏幕截图上看，h2甚至没有相同的字体。在Chrome Mac中打开页面并在开发者工具中取消选中字体系列时，它看起来更接近屏幕截图。当我删除行高标签并稍微增加文本大小时，它看起来就像Android屏幕截图

我会尝试去除高度和线条高度，调整填充物，使其更接近您想要的。这至少可以防止文本被截断

我怀疑“intro_常规”字体有问题。也许Android Chrome使用的字体格式与桌面不同？也许吧

我的第一个怀疑是另一个CSS规则在Android上凌驾于另一个之上，而不是在桌面上。但我找不到任何其他规则可以做到这一点

---

您是否尝试过在Android Chrome上清除缓存？

顺便说一句，iOS版Chrome不是Chrome。这是一个包装好的UIWebView，一个残废的野生动物园。苹果的错，而不是谷歌的错。

@font-face {
    font-family:'intro_regular';
    src: url('fonts/intro-webfont.eot');
    src: url('fonts/fonts/intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intro-webfont.woff') format('woff'),
         url('fonts/intro-webfont.ttf') format('truetype'),
         url('fonts/intro-webfont.svg#intro_regular') format('svg');
    font-weight: normal;
    font-style: normal
}

h2 {
    font-family:'intro_regular';
    font-size:31px;
    font-weight:400;
    color:#fff;
    background:#000;
    display:inline-block;
    height:30px;
    margin:3px 0 4px 39px;
    line-height:30px;
    padding:0 4px
}