วิธีตั้งค่าความหนาของตัวอักษร (Font Weight) ด้วย JavaScript

ใช้คุณสมบัติ fontWeight เพื่อกำหนดความหนาของตัวอักษร ค่าที่ใช้ได้: normal (400), bold (700), bolder, lighter, หรือตัวเลข 100-900

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading 1</h1>
    <p id="myID">This is Demo Text.</p>
    <button type="button" onclick="display()">Set Font Family and Font Weight</button>
    <script>
      function display() {
        document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
        document.getElementById("myID").style.fontWeight = "800";
      }
    </script>
  </body>
</html>