Aktuelles

einheitliche Schriftdarstellung in verschiedenen Browsern

einheitliche Schriftdarstellung in verschiedenen Browsern

Besonders bei der Verwendung der Google-Fonts kommt es in verschiedenen Browsern zu teilweise großen Unterschieden der Schriftdarstellung.

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

Um die Darstellung auch browser-übergreifend möglichst zu vereinheitlichen, kann man auf das gesamte html-Dokument oder auch nur bestimmte Bereiche den Beispielcode anwenden. Dieser beeinflusst das Rendern von Schriftzeichen je nach Browser- bzw. Layout-Engine.