Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript에서 글꼴 대체가 발생할 때 텍스트의 가독성을 유지하는 방법은 무엇입니까?


fontSizeAdjust 사용 텍스트의 가독성을 유지하기 위한 속성입니다. 글꼴의 가로 세로 값, 즉 소문자와 대문자의 크기 차이를 설정합니다.

예시

자바스크립트에서 글꼴 대체가 발생할 때 텍스트의 가독성을 유지하기 위해 다음 코드를 실행할 수 있습니다. −

<!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>