2013-04-26 73 views
0

我有我的链接更改颜色悬停,但全文不改变,并留下剪辑位的默认颜色,使它看起来越野车。Chrome字体颜色'剪辑'

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

http://jsfiddle.net/C8K8z/

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

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

你可以提供一个[的jsfiddle(http://jsfiddle.net)? – Adrift 2013-04-26 14:16:57

+0

请张贴一些代码和jsfiddle :) – 2013-04-26 14:19:56

+0

http://jsfiddle.net/C8K8z/ – Larry 2013-04-26 14:36:56

回答

1

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

我会推荐使用另一种没有此问题的字体,但如果您致力于Oleo,则可以向左侧和右侧添加填充以解决此问题。

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

而且,你拨弄未正确导入字体(用的jsfiddle我相信有问题),但我可以得到它通过使用谷歌字体的JavaScript导入选项,而不是链接的CSS资源合作。

你可以看到字体的问题就在这里:http://jsfiddle.net/aYxEU/

这里的修补程序:http://jsfiddle.net/hFgaw/

+0

是的,我已经与填充快速修复,希望有更好的东西。我不明白为什么它在Internet Explorer中罚款,最无用的浏览器哈哈。 – Larry 2013-04-26 23:09:14