在使用 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 次瀏覽

開啟你的職業

完成課程獲得認證

開始
廣告
© . All rights reserved.