Schriftgröße – Umrechnung in tatsächliche Punktgröße

Kurze Frage an alle:

Weiß jemand, was die tatsächliche Punktgröße wäre, wenn man die Schriftgröße auf die folgenden Werte setzt:

• Groß
• Größer
• Mittel
• Klein
• Kleiner
• X-Large
• X-Klein
• XX-Large
• XX-Klein

Schriftgrößen in Pixel werden durch dieses Diagramm erklärt:

Es kann je nach Browser leicht variieren, aber zum größten Teil sollte dies funktionieren:

Groß ist 18 px, was etwa 13,5 pt entspricht

Größer ist 19 px, was ungefähr 14 pt entspricht

Medium ist 16 px, was ungefähr 12 pt entspricht

Klein ist 13 px, was etwa 10 pt entspricht

Kleiner ist 13 px, was ungefähr 10 pt entspricht

X-Large ist 24 px, was etwa 18 pt entspricht

X-klein ist 10 px, was etwa 7,5 pt entspricht

XX-Large ist 32 px, was etwa 24 pt entspricht

XX-klein ist 9 px, was etwa 7 pt entspricht

Dies basiert darauf, dass der berechnete Schriftgrößenstil in Pixeln angezeigt und konvertiert wird dieses Diagramm. Dieser Link könnte auch hilfreich sein.

medium ist die bevorzugte Schriftgröße des Benutzers. Alle anderen Werte werden vom Browser definiert. (Quelle)

Wenn Sie Java-Skript verwenden können, können Sie mit einem Canvas-Element die Höhe einer bestimmten Schriftgröße messen. Die Größe gibt einen Wert in Pixel für die Höhe der von Ihnen angegebenen Schriftart zurück. Dies funktioniert nur, wenn der Benutzer seinen Bildschirm kalibriert hat: die meisten haben dies nicht, aber die Standardwerte sind im Allgemeinen für die meisten Monitoreinstellungen nah.

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

Zwei gute Weblinks könnten dies beantworten:

• Schriftartkonvertierungstabellen
• CSS-Schriftgröße: em vs. px vs. pt vs. Prozent