如何使用 JavaScript 设置字体的样式为正常、斜体或倾斜?


要设置字体的样式,请使用 fontStyle 属性。你可以尝试运行以下代码以使用 JavaScript 设置字体的样式为 normal、italic 或 oblique −

示例

在线演示

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

更新于: 2020 年 6 月 23 日

92 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告
© . All rights reserved.