如何使用 JavaScript 设置以小型大写字母显示的字体?


要以小型大写字母设置字体,请使用fontVariant 属性。

示例

你可以尝试运行以下代码,使用 JavaScript 来设置字体以显示为小型大写字母 −

实际演示

<!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 Font Variant</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myID").style.fontVariant = "small-caps";
         }
      </script>
   </body>
</html>

更新于:2020-06-23

150 次浏览

开启你的职业生涯

完成课程获得认证

入门
广告