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

開啟你的 職業

透過完成課程獲取認證

開始
廣告
© . All rights reserved.