Schriftstil-Matcher

Wenn Sie eine Webschriftart verwenden, sehen Sie zwischen der anfänglichen Wiedergabe Ihrer websicheren Schriftart und der von Ihnen ausgewählten Webschriftart zwangsläufig einen kurzen Text ohne Stil (oder FOUC). Dies führt normalerweise aufgrund von Größenunterschieden zwischen den beiden Schriftarten zu einer erschütternden Verschiebung des Layouts. Um diese Diskrepanz zu minimieren, können Sie versuchen, die Fallback-Schriftart und die x-Höhen und Breiten der beabsichtigten Webschriftart [1] abzugleichen . Dieses Tool hilft Ihnen genau dabei.

Überlappt

Im Standardbeispiel ist Merriweather größer und breiter als Georgia. Wenn Sie also die Schriftgröße von Georgia auf 18 Pixel und den Buchstabenabstand auf 0,1 Pixel erhöhen, erhalten Sie eine ziemlich genaue Übereinstimmung!

Verwenden Sie für jede Schriftart unterschiedliche Farben
Siehe Layoutverschiebung aufgrund von FOUC