웹 사이트의 글꼴 종횡비가 중요한 이유
모든 글꼴에는 종횡비 (또는 값)가 있습니다. 글꼴 크기 값은 글꼴의 소문자 x 높이를 글꼴 크기로 나누어 계산합니다. 이 값이 있으면 CSS3의 fontSizeAdjust 스타일 속성을 사용하여 웹 사이트를 표시하는 데 사용되는 기본 글꼴의 종횡비 값을 지정할 수 있습니다.
원하는 글꼴이없는 컴퓨터에서 웹 사이트를 볼 때 fontSizeAdjust 속성을 사용하여 대체 글꼴에 가장 적합한 글꼴 크기 를 선택합니다.
이 속성은 첫 번째로 선택한 글꼴을 사용할 수없는 경우에도 페이지를 잘 보이게하고 유형을 읽기 쉽게 유지합니다.
fontSizeAdjust 속성 정보
fontSizeAdjust 속성을 사용하면 필요한 경우 글꼴 대체를 일부 제어 할 수 있습니다. 첫 번째 선택 글꼴을 사용할 수없는 경우 브라우저는 두 번째로 지정된 글꼴을 사용하므로 크기가 크게 변경됩니다. 글꼴의 가독성은 대문자의 크기보다 소문자의 크기에 더 영향을받습니다. 브라우저가 원하는 글꼴의 가로 세로 값을 알고 있으면 두 번째 선택 글꼴로 페이지를 표시 할 때 사용할 크기를 더 잘 파악할 수 있습니다.
다음은 Verdana의 종횡비 인 종횡비 0.58을 사용하여 글꼴 크기를 조정하는 예제입니다. 컴퓨터에서 Verdana를 사용할 수없는 경우 브라우저는 대체 글꼴의 크기를 조정하여 읽기 쉽도록 비슷한 크기의 소문자를 사용합니다.
document.getElementById ( "myP"). style.fontSizeAdjust = "0.58";참고 : 발행 시점에 Mozilla Firefox 만 fontSizeAdjust 속성을 완전히 지원합니다.
공통 글꼴 종횡비
이 표는 몇 가지 인기있는 글꼴 군의 종횡비에 대한 계산을 보여줍니다.
세례반 | 종횡비 |
---|---|
Arial | 0.52 |
아방가르드 | 0.45 |
서적상 | 0.40 |
칼리 브리 | 0.47 |
세기 스쿨 북 | 0.48 |
코친 | 0.41 |
만화 산 | 0.53 |
급사 | 0.43 |
택배 신규 | 0.42 |
Garamond | 0.38 |
그루지야 | 0.48 |
헬 베티 카 | 0.52 |
팔라티노 | 0.42 |
Tahoma | 0.55 |
Times New Roman | 0.45 |
Trebuchet | 0.52 |
Verdana | 0.58 |