Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะรักษาความสามารถในการอ่านข้อความเมื่อฟอนต์สำรองเกิดขึ้นกับ 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>