Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Chrome字体颜色';剪辑';_Css_Google Chrome_Colors - Fatal编程技术网

Css Chrome字体颜色';剪辑';

Css Chrome字体颜色';剪辑';,css,google-chrome,colors,Css,Google Chrome,Colors,我让我的链接在鼠标悬停时改变颜色,但全文没有改变,并且保留了默认的剪裁部分,使其看起来有问题 有办法解决这个问题吗 问题似乎在于Oleo脚本字体。它不是100%一致的,但是一些字符的字体设计(暗示?)会导致边缘在元素框外结束 我建议使用另一种没有这个问题的字体,但是如果您致力于Oleo,您可以在左右两侧添加填充来解决这个问题 a{ font-family:'Oleo Script'; font-size:50px; color:white; text-decor

我让我的链接在鼠标悬停时改变颜色,但全文没有改变,并且保留了默认的剪裁部分,使其看起来有问题

有办法解决这个问题吗


问题似乎在于Oleo脚本字体。它不是100%一致的,但是一些字符的字体设计(暗示?)会导致边缘在元素框外结束

我建议使用另一种没有这个问题的字体,但是如果您致力于Oleo,您可以在左右两侧添加填充来解决这个问题

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}
另外,您的fiddle没有正确导入字体(我相信这是jsfiddle的一个问题),但是我能够通过使用Google字体JavaScript导入选项而不是链接css资源来让它工作

您可以在此处看到字体问题:


这里的修复:

你能提供一个吗?请发布一些代码和一个jsfiddle:)是的,我已经开始使用填充快速修复,希望有更好的东西。我不明白为什么在最没用的浏览器InternetExplorer中它很好,哈哈。
a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}