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.
Der Fuchs sprang über den faulen Hund, den Schuft..
Der Fuchs sprang über den faulen Hund, den Schuft..
Ü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!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.