How to set whether the style of the font is normal, italic or oblique with JavaScript?



To set the style of the font, use the fontStyle property. You can try to run the following code to set the style of the font to normal, italic or oblique 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 Family and Style</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontStyle = "italic";
         }
      </script>
   </body>
</html>
Jai Janardhan
Jai Janardhan

Updated on: 2020-06-23T13:07:40+05:30

109 Views

Kickstart Your Career

Get certified by completing the course

Get Started