Set Font Properties in One Declaration with JavaScript



To set all the font properties, use the JavaScript font property. You can try to run the following code to set all font properties in a single declaration with JavaScript −

Example

Live Demo

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Font</button>
      <script>
         function display() {
            document.getElementById("myID").style.font = "italic 15px verdana,sans-serif";
         }
      </script>
   </body>
</html>
Updated on: 2020-06-23T12:08:47+05:30

98 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements