如何使用 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>
广告