css - iPhone 和 Firefox 上的 Google 字体字母重叠

Question

我的网站上有一个使用 Google 字体“Cinzel”的 Logo 。当我在 Firefox 或 iPhone 上查看网站时，两个中心字母重叠。我怎样才能防止这种重叠发生？

注意:我已经尝试设置字母间距，中间字母没有变化。

相关 CSS:

.brand {
    font-family: 'Cinzel Decorative', serif;
    text-decoration: none;
    text-transform: lowercase;  
}

.home{
    font-size: 1.5em;
    display: inline-block;
    height: 60px;
    padding: 16px 0px 4px 0px;
    margin-top: 1px;
    color: #000000;
}

Chrome :

火狐/iPhone:

感谢您的帮助!

Answer 1

很遗憾，我无法在 Google Web Fonts 中解决这个问题。我改用 FontSquirrel 的网络字体工具包，似乎没有问题。 http://www.fontsquirrel.com/fonts/cinzel