Skip to main content

共通フォントのアスペクト比表

Microsoft Azure OpenDev—June 2017 (六月 2026)

Microsoft Azure OpenDev—June 2017 (六月 2026)
Anonim

すべてのフォントに縦横比(または値)があります。フォントのアスペクト値は、フォントの小文字のx高さをフォントサイズで割って計算されます。この値がある場合、CSS3のfontSizeAdjustスタイルプロパティを使用して、Webサイトの表示に使用される優先フォントのアスペクト値を指定できます。

あなたの好みのフォントを持っていないコンピュータであなたのウェブサイトを見ると、fontSizeAdjustプロパティは置換フォントに最適なフォントサイズを選択するために使われます。

このプロパティは、あなたの最初の選択肢のフォントが利用できない場合でも、ページの見栄えを良くし、型を読みやすくします。

fontSizeAdjustプロパティについて

fontSizeAdjustプロパティを使用すると、必要なときにフォントの置換を制御できます。最初の選択肢のフォントが利用できない場合、ブラウザは2番目に指定されたフォントを使用します。これにより、サイズが大きく変更されることがよくあります。フォントの可読性は、大文字のサイズよりも小文字のサイズの影響を受けます。ブラウザが好みのフォントのアスペクト値を知っている場合は、2番目の選択肢のフォントでページを表示するときにどのサイズを使用するのが良いかを判断することができます。

ここでは、Verdanaのアスペクト比であるアスペクト比0.58を使用してフォントサイズを調整する例を示します。 Verdanaがコンピュータ上で利用できない場合、ブラウザは置換可能なフォントのサイズを変更します。

document.getElementById( "myP")。style.fontSizeAdjust = "0.58";

注:公開時点では、Mozilla FirefoxのみがfontSizeAdjustプロパティを完全にサポートしています。

共通のフォント縦横比

この表は、いくつかの一般的なフォントファミリの縦横比の計算を示しています。

フォントアスペクト比
Arial0.52
アバンギャルド0.45
ブックマン0.40
カリブリ0.47
世紀の教科書0.48
コーチン0.41
コミックサンズ0.53
宅配便0.43
Courier New0.42
ガラモン0.38
ジョージア州0.48
ヘルベチカ0.52
パラチノ0.42
タホマ0.55
Times New Roman0.45
Trebuchet0.52
ヴェルダナ0.58