text-decoration:none 是否会覆盖 font-weight:900？答案

【问题标题】：Does text-decoration:none override font-weight:900?text-decoration:none 是否会覆盖 font-weight:900？
【发布时间】：2013-03-08 00:36:55
【问题描述】：

我在我的菜单中使用等宽字体文本作为超链接。为了消除下划线，我使用了 text-decoration:none。这会阻止我将字体加粗吗？

http://www.fccorp.us/index.php -> 左侧蓝色框中的文字。

【问题讨论】：

【解决方案1】：

等宽字体在加粗时看起来并没有什么特别的不同。请尝试将其设置为 Courier。

【讨论】：

等宽字体加粗后的样子取决于字体、渲染引擎和其他因素。使用 Courier 是一个坏举动； Courier 看起来不太好，尤其是在一些使用真正 Courier（位图字体）的旧系统上——现代 Windows 系统将 Courier 映射到 Courier New。
所有优点 - 虽然当我说“等宽字体”时，我指的是她/他最初选择使用的字体系列“等宽字体”。对于 OP，大多数设计师可能会建议避免使用任何等宽字体，除非有理由需要等宽字体。在这种情况下，Courier New 可能是您最好的选择，而不是下载和嵌入自定义字体。

【解决方案2】：

没有。文字修饰对字体粗细没有影响。

【讨论】：

【解决方案3】：

否 text-decoration 对 font-weight 没有任何影响。它们是两个完全不同的属性。

【讨论】：

【解决方案4】：

不会的。字体粗细不受装饰影响。 cmets中的jsfiddle链接

【讨论】：