web-dev-qa-db-ja.com

div内でfont-familyとfont-sizeを設定するにはどうすればよいですか？

これは私の完全なテストHTMLです。

<!DOCTYPE>
<html>
    <head>
        <title>DIV Font</title>

        <style>
            .my_text
            {
                font-family:    Arial, Helvetica, sans-serif
                font-size:      40px;
                font-weight:    bold;
            }
        </style>
    </head>

    <body>
        <div class="my_text">some text</div>
    </body>
</html>

Font-familyおよびfont-size属性は無視されます。

page result

どうして？なぜフォントの太さが使用されるのですか？ font-familyとfont-sizeを指定するには、何をする必要がありますか？

ありがとうございました

htmlcssfont-sizefont-family
8
ericg

font-family: Arial, Helvetica, sans-serifの後にセミコロンが必要です。これにより、更新されたコードは次のようになります。

<!DOCTYPE>
<html>
    <head>
        <title>DIV Font</title>

        <style>
            .my_text
            {
                font-family:    Arial, Helvetica, sans-serif;
                font-size:      40px;
                font-weight:    bold;
            }
        </style>
    </head>

    <body>
        <div class="my_text">some text</div>
    </body>
</html>
18
jaunt

問題を修正するには、次の行にセミコロンを追加します。

font-family:    Arial, Helvetica, sans-serif;
4
Anthony Rojas