web-dev-qa-db-ja.com

フォントサイズ-実際のポイントサイズへの変換

全員に簡単な質問：

Font-sizeを次の値に設定すると、実際のポイントサイズが誰かわかりますか。

  • 大
  • 大きい
  • 中
  • 小さい
  • 小さい
  • ×ラージ
  • X-Small
  • XX-ラージ
  • XX-Small
htmlcssfont-size
22
Jim B

ピクセルに対するフォントサイズは、次のグラフで説明されています。

enter image description here

13
bpeterson76

ブラウザによって多少異なる場合がありますが、ほとんどの場合、これでうまくいくはずです。

大は18ピクセルで、約13.5 ptです。

大きい方は19ピクセルで、約14 ptです。

ミディアムは約16ピクセルで、約12 ptです。

小は13ピクセルで、約10 ptです。

小さい方は13ピクセルで、約10 ptです。

X-largeは24ピクセルで、約18 ptです。

X-smallは約10ピクセルで、約7.5 ptです。

XXラージは32ピクセルで、約24 ptです。

XX-smallは9ピクセルで、約7 ptです。

これは、ピクセル単位で計算されたfont-sizeスタイルを確認し、 this chart から変換することに基づいています。 このリンク も役立つかもしれません。

20
user734709

mediumは、ユーザーの優先フォントサイズです。他のすべての値はブラウザによって定義されます。 （ ソース ）

4
Ignacio Vazquez-Abrams

2つの優れたWebリンクがこれに答えるかもしれません。

1
Bjoern

Javaスクリプトを使用できる場合は、canvas要素を使用して、特定のフォントサイズの高さを測定できます。サイズは、フォントの高さの値をピクセル単位で返します。これは、ユーザーが画面をキャリブレーションした場合にのみ機能します。ほとんどのモニターはキャリブレーションを行っていませんが、ほとんどのモニター設定ではデフォルト値が一般的に近くなっています。

var cvs = document.getElementById("myCanvas");
var ctx = cvs.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World";
var size = ctx.measureText(txt).height;
1
Ray Whitfield