表格元素忽略Firefox 4中的字体粗细？

Posted 2023-05-07

【中文标题】表格元素忽略Firefox 4中的字体粗细？

【英文标题】：table element ignoring font-weight in firefox 4?

【发布时间】：2011-08-27 10:32:44

【问题描述】：

我不确定这是否只是 Firefox 4 的问题，但我已经尝试了所有方法，此外，我已经搜索了好几个小时，试图为似乎没有其他人遇到过的问题找到解决方案。 问题是我有一个表格，无论表格中的元素是什么

(<th>, <td>, <caption>)

全部忽略

font-weight: bold;, <strong></strong>, and <b></b>

我知道

<th>

默认情况下元素通常更粗，但在此特定表中也不是这种情况。 现在对于踢球者来说，这似乎只发生在某些平台上的某些浏览器中，例如在 Ubuntu 中，Firefox 4 完美呈现一切，IE 也是如此，但是，Chrome、Safari 和 Firefox 4 for windows 都显示不正确。 我什至不知道从哪里开始解决这个问题，因为我觉得我已经用尽了我的选择。请帮忙！

【问题讨论】：

如果将其更改为 font-weight: bolder 或 font-weight: 900 会怎样？

【参考方案1】：

您可能遇到了一个特殊性问题，因为触发了某些规则并对表格进行了不同的样式设置。

此外，您需要注意不要使用没有重量级家族的自定义字体。

我会从一个重要的 id 开始，使用标准字体：

#heavy 
    font-weight:bold !important;
    font-family:arial;

在表格元素上添加该 id，如 id='heavy'

如果可行，请在不使用字体系列的情况下重试。如果可行，请在不使用 !important 的情况下再次尝试，因为除非绝对必要，否则您不需要额外的特异性。

【讨论】：

感谢您的建议。不幸的是，这些建议并没有解决特定的问题（尽管我不得不承认我没想过使用！important）。真正奇怪的是它适用于某些浏览器而不是其他浏览器。我似乎无法动摇这与 windows 和 firefox 4 的组合有关的想法。

如果这似乎是基于操作系统的差异，我会查看各自机器上安装的字体。例如，通过在一台机器上而不是在另一台机器上安装自定义字体的粗体，可能会发生这种情况。