title: How can I set the font-family & font-size inside of a div?
body: <p>This is my complete test html:</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;DIV Font&lt;/title&gt;
  
          &lt;style&gt;
              .my_text
              {
                  font-family:    Arial, Helvetica, sans-serif
                  font-size:      40px;
                  font-weight:    bold;
              }
          &lt;/style&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class="my_text"&gt;some text&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The font-family &amp; font-size attributes are being ignored.</p>
  
  <p><a href="https://i.stack.imgur.com/SeH37.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SeH37.png" alt="page result"></a></p>
  
  <p>Why? Why is font-weight used? What do I need to do so I can specify the font-family &amp; font-size?</p>
  
  <p>Thank you</p>