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

时间:2017-06-15 08:10:01

标签: html css fonts html-table webfonts

我将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>

3 个答案:

答案 0 :(得分:3)

将您的TD的字体粗细更改为您选择的特定数字(100,200,300等),并查看最适合您设计的数字,如下例所示:

{font-weight:200;}

答案 1 :(得分:0)

您必须更改font-weight属性。

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

有关font-weight的更多信息https://www.w3schools.com/cssref/pr_font_weight.asp

也许一个类覆盖你的td,所以你必须使用。

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

但请注意使用!important不是一个好习惯,而是一个难以解决的问题。如果您提供.css代码,我可以为您提供更多帮助。

答案 2 :(得分:0)

有很多方法可以解决它。首先,您可以减少css中字体的重量

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

  • 您可以更改看起来不粗体的字体,因为使用的字体看起来粗体但不粗体。

  • 您可能会在<strong></strong>标记中添加可能对其产生大胆影响的字体。