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

更新时间: 2020 年 6 月 23 日

126 次浏览

开启你的职业

完成课程获得认证

开始
广告