html – a：悬停颜色在Google Chrome上无法正常运行

概述我想用CSS悬停建立一个链接.我正在使用font-face与JennaSue制作另一种字体. CSS： @font-face { font-family:JennaSue1; src: url(font/JennaSue.otf); } @font-face { font-family:JennaSue3; src: url(font/JennaSue.tt 我想用CSS悬停建立一个链接.我正在使用Font-face与JennaSue制作另一种字体.

CSS：

@Font-face {    Font-family:JennaSue1;    src: url(Font/JennaSue.otf);  }  @Font-face {    Font-family:JennaSue3;    src: url(Font/JennaSue.ttf);  } @Font-face {    Font-family:JennaSue2;    src: url(Font/JennaSue.eot);  } #australia {    position:absolute;    Font-size:40px;     left:0px;     top:32px;     color:#fff;     Font-family: JennaSue1,JennaSue2,JennaSue3;}#australia a {    text-decoration:none;     color:#fff;}#australia a:hover { color:#b30101; }

HTML：

<div ID="australia"><a href="#">Australia</a></div>

该字体在Chrome上运行良好,但当我悬停链接时它显示为this picture：

Hover image http://s18.postimage.org/q9j1rq4sn/before.png

谢谢你的答案链接,你可以看到http://jsfiddle.net/6UdYd/1/;

解决方法 就像 Grezzo指出的那样,字体似乎有些奇怪.如果你看一下 this fiddle,左边的链接就像你的例子.我添加了一个边框来可视化元素的边界.那里的“j”和“p”突出于这个边界之外.通过向其添加底部和左侧填充(如在右侧链接上所做的那样),悬停按预期工作.

这有点像我想的快速修复,但我真的不知道如何正确地做到这一点.

总结

以上是内存溢出为你收集整理的html – a：悬停颜色在Google Chrome上无法正常运行全部内容，希望文章能够帮你解决html – a：悬停颜色在Google Chrome上无法正常运行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。