td 字体大小 18px 看起来像粗体？

Question

我把 td 字号改成了 18px ，但是看起来像粗体？我该如何解决这个问题？

<table border="0" cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff">
  <tr>
    <td align="center" style="color: #000000;font-family: Arial, sans-serif;font-weight: normal;font-size: 18px;line-height: 27px;text-decoration:none;padding: 33px 91px 10px 91px;letter-spacing: 1px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;">
      Oops, This Page Could Not Be Found!
    </td>
  </tr>
  <tr>
    <td align="center" style="color: #000000; font-family: Arial, sans-serif; font-weight: normal; font-size: 18px; line-height: 18px; text-decoration:none; padding: 28px 0 41px 0; letter-spacing: 1px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;">
      Oops, This Page Could Not Be Found!<a style="color:#7D7D7D;text-decoration:none;">Oops, This Page Could Not Be Found!</a>Oops, This Page Could Not Be Found!
      <a style="color:#7D7D7D;text-decoration:none;">Oops, This Page Could Not Be Found!</a>
    </td>
  </tr>
</table>

Answer 1

您必须更改 font-weight 属性。

td{
    font-size: 18px;
    font-weight: normal;
}

这里有更多关于字体粗细的信息https://www.w3schools.com/cssref/pr_font_weight.asp

也许 class 覆盖你的 td 所以你必须使用。

td{
        font-size: 18px;
        font-weight: normal!important;
    }

但请注意，使用 !important 不是一个好的做法，而是一个硬性修复。如果您提供您的 .css 代码，我可以进一步帮助您。

Answer 2

有很多方法可以解决。首先，您可以减少 css

中字体的粗细

td {
 font-size: size px;
 use font weight
}

或

您可以更改看起来不粗体的字体，因为有时使用的字体看起来是粗体，但实际上不是粗体。

或

您可能已将字体放在 <strong></strong> 标签中，这可能会对其产生大胆的效果。

Answer 3

将 TD 的字体粗细更改为您选择的特定数字（100、200、300 等）并查看最适合您的设计的字体，如下例所示：

td {字体粗细：200;}

td 字体大小 18px 看起来像粗体？

td font size 18px looks like bold?

html

css

fonts

html-table

webfonts