web-dev-qa-db-ja.com

HTMLテーブルでのフォントとサイズの指定

テーブル内のテキストのフォントフェイスとサイズを指定しようとしています。 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>
13
Neil Weicher

コードをhtmlタグとbodyタグで囲みます。サイズ属性は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>
12
Jocimar Candido

まず、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 も参照してください。

16
LexieHankins

font tag は非推奨になりました。

つまり、両方のテーブルが同じフォントサイズで表示される理由は、 'size'属性が1〜7の範囲の値のみを受け入れるためです。最小サイズは1です。最大サイズは7です。デフォルトサイズは3です。 。7を超える値は、7を使用した場合と同じように表示されます。これは、7が許可される最大値であるためです。

@Alex Hが言ったように、これにはCSSを使用する必要があります。

3
trevor