在HTML表格中指定字体和大小

时间:2016-12-28 18:45:35

标签: html windows font-face font-size

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

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

4 个答案:

答案 0 :(得分:12)

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

其次,最好在CSS中执行此操作。另见http://www.w3schools.com/css/css_font.asp。以下是表标记的内联样式:

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

更好的是,在HTML文档顶部附近使用外部样式表样式标记。另请参阅http://www.w3schools.com/css/css_howto.asp

答案 1 :(得分:10)

用html和body标签包含你的代码。 Size属性与font-size不对应,看起来它的域名不超过值7.此外,HTML5不支持字体标记。 请考虑您的案例的此代码

<!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>

答案 2 :(得分:3)

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

话虽如此,两个表格显示相同字体大小的原因是'size'属性只接受1到7之间的值。最小尺寸为1.最大尺寸为7.默认值大小为3.任何大于7的值都会显示与使用7相同的值,因为7是允许的最大值。

正如@Alex H所说,你应该使用CSS。

答案 3 :(得分:1)

这对我有用,也与引导表一起使用

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