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

Nei*_*her 13 html windows font-size font-face

我试图在表格中指定文本的字体和大小.它似乎尊重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>
Run Code Online (Sandbox Code Playgroud)

Lex*_*ins 18

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

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

<table style='font-family:"Courier New", Courier, monospace; font-size:80%' ...>...</table>
Run Code Online (Sandbox Code Playgroud)

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

  • 仅供参考,报价是强制性的.但是你是对的,CSS,内联或其他方式,因为不再支持FONT标签. (2认同)

小智 13

用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>
Run Code Online (Sandbox Code Playgroud)

  • 谢谢。这是缺少的&lt;!DOCTYPE html&gt;。一旦添加,它就可以了。 (2认同)

小智 5

这对我有用,也适用于引导表

<style>
    .table td, .table th {
        font-size: 10px;
    }
</style>
Run Code Online (Sandbox Code Playgroud)