Browser Styling

Standard Schriftstile

Die Standard-Schrift der meisten Browser ist Times New Roman in 16 Pixel. Doch auch die Title-Tags im HTML haben ein Basis-Styling.

Dieses Basis-Styling ist die Visualisierung des reinen HTMLs anhand des «User Agent Stylesheet» eines jeden Browsers.

Title-Tags

Die HTML-Title-Tags sind standardmässig Bold. (font-weight: 700;)

H1 ist der Grösste mit 2em und H6 der Kleinste Titel mit 0.67em.

Body-Font

Die Body-Font ist 1em oder eben 16 Pixel und demnach der Parent der Titelschriften.

Diese Grundwerte können allesamt überschrieben werden, sie dienen nur als Fall-Back. Aber wenn wir Gestalter:innen zu wenig klare Typografie-Spezifikationen definieren, dann werden plötzlich solche Standardwerte übernommen.

Viermal die gleiche Schriftgrösse in vier Grössenarten. 1em, 12pt., 16px, und 100 %.
© Kyle Schaeffer

Link

Fontsize Converter

Fontface Ninja Browser Extension um Schriften von anderen Webseiten abzulesen.

Font Size Differences explained by Kyle Schaeffer

Info

Das «User Agent Stylesheet» ist das CSS-File des Browsers.

Vertiefe dich ins ganze Kapitel

Web-Typografie