在 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>
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP