Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm thế nào để duy trì khả năng đọc của văn bản khi xảy ra dự phòng phông chữ với JavaScript?


Sử dụng fontSizeAdjust thuộc tính để duy trì khả năng đọc của văn bản. Nó đặt giá trị khung hình của phông chữ, tức là sự khác biệt giữa kích thước của chữ thường và chữ hoa.

Ví dụ

Bạn có thể thử chạy mã sau để duy trì khả năng đọc của văn bản khi xảy ra dự phòng phông chữ với 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>