How can I set the font-family & font-size inside of a div?

Question

This is my complete test 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>

The font-family & font-size attributes are being ignored.

Why? Why is font-weight used? What do I need to do so I can specify the font-family & font-size?

Thank you

Answer 1

You need a semicolon after font-family: Arial, Helvetica, sans-serif . This will make your updated code the following:

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

Answer 2

在下一行中附加分号以解决问题。

font-family:    Arial, Helvetica, sans-serif;

How can I set the font-family & font-size inside of a div?

Question

2 answers

solution1
18 ACCPTED 2015-09-11 19:22:57

solution2
4 2015-09-11 19:32:47

How can I set the font-family & font-size inside of a div?

Question

2 answers

solution1 18 ACCPTED 2015-09-11 19:22:57

solution2 4 2015-09-11 19:32:47

solution1
18 ACCPTED 2015-09-11 19:22:57

solution2
4 2015-09-11 19:32:47