在 HTML table 中指定字体和大小

Question

我正在尝试为 table 中的文本指定字体和大小。它似乎尊重 FACE= 但忽略了 SIZE=。例如，我有如下所示的 HTML。它在 Courier New 中正确显示文本，但两个 table 都以相同的字体大小显示。知道我做错了什么吗？

<font face="Courier New" size="12"><table width="100%"><tr><td><b>Client</b></td><td><b>InstanceName</b></td><td><b>dbname</b></td><td><b>Filename</b></td><td><b>KeyName</b></td><td><b>Rotation</b></td><td><b>Path</b></td></tr>
<tr><td>NEWDEV6</td><td>EXPRESS2012</td><td>master</td><td>master.mdf</td><td>test_key_16</td><td>0</td><td>d:\Program&nbsp;Files\Microsoft&nbsp;SQL&nbsp;Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>
<font face="Courier New" size="24"><table width="100%"><tr><td><b>Client</b></td><td><b>InstanceName</b></td><td><b>dbname</b></td><td><b>Filename</b></td><td><b>KeyName</b></td><td><b>Rotation</b></td><td><b>Path</b></td></tr>
<tr><td>NEWDEV6</td><td>EXPRESS2012</td><td>master</td><td>master.mdf</td><td>test_key_16</td><td>0</td><td>d:\Program&nbsp;Files\Microsoft&nbsp;SQL&nbsp;Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>

Answer 1

首先，尝试省略 12 和 24 中的引号。值得一试。

其次，最好在CSS中执行此操作。另见 http://www.w3schools.com/css/css_font.asp 。这是 table 标签的内联样式：

<table style='font-family:"Courier New", Courier, monospace; font-size:80%' ...>...</table>

更好的是，在 HTML 文档顶部附近使用外部样式 sheet 或样式标签。另见 http://www.w3schools.com/css/css_howto.asp .

Answer 2

font tag 已经弃用一段时间了。

也就是说，您的两个表格显示相同字体大小的原因是 'size' 属性只接受 1 - 7 范围内的值。最小尺寸为 1。最大尺寸为7. 默认大小为 3。任何大于 7 的值将只显示与使用 7 相同的值，因为 7 是允许的最大值。

正如@Alex H 所说，您应该为此使用 CSS。

Answer 3

用 html 和 body 标签将您的代码括起来。 Size 属性与 font-size 不对应，看起来它的域不超过值 7。此外 HTML5 不支持 font 标签。为您的案例考虑此代码

<!DOCTYPE html>
<html>
<body>

<font size="2" face="Courier New" >
<table width="100%">
    <tr>
        <td><b>Client</b></td>
        <td><b>InstanceName</b></td>
        <td><b>dbname</b></td>
        <td><b>Filename</b></td>
        <td><b>KeyName</b></td>
        <td><b>Rotation</b></td>
        <td><b>Path</b></td>
    </tr>
    <tr>
        <td>NEWDEV6</td>
        <td>EXPRESS2012</td>
        <td>master</td><td>master.mdf</td>
        <td>test_key_16</td><td>0</td>
        <td>d:\Program&nbsp;Files\Microsoft&nbsp;SQL&nbsp;Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td>
    </tr>
</table>
</font>
<font size="5" face="Courier New" >
<table width="100%">
    <tr>
        <td><b>Client</b></td>
        <td><b>InstanceName</b></td>
        <td><b>dbname</b></td>
        <td><b>Filename</b></td>
        <td><b>KeyName</b></td>
        <td><b>Rotation</b></td>
        <td><b>Path</b></td></tr>
    <tr>
        <td>NEWDEV6</td>
        <td>EXPRESS2012</td>
        <td>master</td>
        <td>master.mdf</td>
        <td>test_key_16</td>
        <td>0</td>
        <td>d:\Program&nbsp;Files\Microsoft&nbsp;SQL&nbsp;Server\MSSQL11.EXPRESS2012\MSSQL\DATA\master.mdf</td></tr>
</table></font>
</body>
</html>

Answer 4

这对我有用，也适用于 bootstrap 表

<style>
    .table td, .table th {
        font-size: 10px;
    }
</style>

在 HTML table 中指定字体和大小

Specifying Font and Size in HTML table

html

windows

font-size

font-face