【问题标题】:CSS underline issue with typeface on chromechrome上字体的CSS下划线问题
【发布时间】:2012-01-19 15:58:32
【问题描述】:

我不确定这是否是字体错误,但字体在 chrome 上具有 text-decoration: underline 样式的锚文本上呈现双下划线。请问有什么想法吗?

顺便说一句,我使用的是 0.15 字体。

谢谢。

编辑:

<script type="text/javascript" src="typeface-0.15.js"></script> 
<script type="text/javascript" src="myriad_pro_regular.typeface.js"></script> 
<style type="text/css"> 
a{ text-decoration: underline; font-family: 'Myriad Pro'; } 
</style> 

<a href="#" class="typeface-js">Sign In</a>

【问题讨论】:

  • 感谢马特的快速回复。以下是代码: 首页
  • typeface-js 类的 css 是什么...

标签: css google-chrome underline typeface


【解决方案1】:

屏幕截图或链接也会很有用。 也许下划线是在带有border-bottom或sth的父div上模拟的?

【讨论】:

  • 以下是chrome和FF上的截图:screencast.com/t/8IWUG6LAZscreencast.com/t/myQj48V1
  • 双下划线在哪里?并请发布所有相关代码。
  • 您可以在此屏幕截图上注意到超细下划线:screencast.com/t/8IWUG6LAZ 此字体上使用的唯一代码是上面发布的代码..
  • Hey Jick 很抱歉回答迟了,只是看了看。那里有某种iframe吗?还是溢出的div:无?左边的字体看起来被截断了,注意firefox屏幕截图左边的细线,也许里面有更多的内容,它们显示出来了一点?
  • 嗨,Ege,这部分没有 iframe 或 div 溢出:none。我真的不知道发生了什么,但我只是做了一些解决方法 - 在该元素上给出border-bottom:1px,现在看起来还可以。 Nway 感谢您的回复,很抱歉我几个月没有重新登录
猜你喜欢
  • 2015-06-18
  • 2015-06-24
  • 1970-01-01
  • 2015-12-12
  • 2019-06-17
  • 2014-03-25
  • 2010-11-25
  • 1970-01-01
相关资源
最近更新 更多