当JavaScript发生字体后退时,如何保持文本的可读性?

使用fontSizeAdjust属性可以保留文本的可读性。它设置字体的外观值,即小写字母和大写字母的大小之差。

示例

您可以尝试运行以下代码,以在JavaScript发生字体后退时保留文本的可读性-

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Aspect Value</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myP").style.fontSizeAdjust = "0.90";
         }
      </script>
   </body>
</html>
猜你喜欢