Chrome 字体颜色“剪裁”答案

【问题标题】：Chrome font color 'clipping'Chrome 字体颜色“剪裁”
【发布时间】：2013-04-26 14:16:12
【问题描述】：

我的链接在悬停时改变了颜色，但全文没有改变，并且将剪裁的位保留为默认颜色，使其看起来有问题。

有没有办法解决这个问题？

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;

}
a:hover{
    color:#c41313;
    text-decoration:underline;
}

【问题讨论】：

你能提供一个jsFiddle吗？
请发布一些代码和 jsfiddle :)
jsfiddle.net/C8K8z

标签： css google-chrome colors

【解决方案1】：

问题似乎与 Oleo Script 字体有关。它不是 100% 一致的，但是某些字符的字体设计（提示？）可能会导致边缘在元素的框之外结束。

我建议使用不存在此问题的另一种字体，但如果您致力于 Oleo，则可以在左右添加填充以解决此问题。

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}

此外，您的小提琴没有正确导入字体（我相信 jsfiddle 有问题），但我能够通过使用 Google Font JavaScript 导入选项而不是链接 css 资源来使其工作。

字体问题可以看这里：http://jsfiddle.net/aYxEU/

这里的修复：http://jsfiddle.net/hFgaw/

【讨论】：

是的，我已经在使用填充快速修复，希望有更好的东西。我不明白为什么在最没用的浏览器Internet Explorer中它很好。哈哈。