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

更新于： 23-Jun-2020

126 次浏览

开启你的 职业

通过完成课程获取认证

开始
广告