Schneller Tipp Zeigen Sie eine Vorschau von Google-Schriftarten in Chrome an

Mit der Veröffentlichung der öffentlichen Beta von Typecast ist der nächste Schritt in der wundervollen Entwicklung von Webfonts. Einer der (wenn nicht der) größten Web-Font-Service sind Google Web-Fonts. Mit über 500 Schriftfamilien, die ohne Kosten oder Einschränkungen verwendet werden können, bietet es einen wirklich bemerkenswerten Service. Sehen wir uns eine schnelle Möglichkeit zur Vorschau von Google-Schriftarten an, ohne sie tatsächlich in Ihren Projekten implementieren zu müssen.


Die von Typekit, fonts.com oder High-End-Foundries angebotenen Schriften sind zwar in Bezug auf Design und Zweckmäßigkeit von höherer Qualität, jedoch ist die Barriere für die Verwendung von Google-Webfonts viel geringer. Sie benötigen nicht einmal ein Google-Konto, um sich anzumelden.

Ein Problem bei der Verwendung von Webfonts ist jedoch das Testen verschiedener Beispiele in Ihren eigenen Projekten. Während Sie einfach einen anderen Fontstapel mit regulären Fonts festlegen können, erfordert ein Webfont einen Javascript-Auszug (oder ein zusätzliches Stylesheet), um die Assets zu laden. Dies kann sehr mühsam sein, wenn Sie verschiedene Web-Fonts nacheinander ausprobieren möchten.

Geben Sie den Google Font Previewer von Pamela Fox ein! Eine bemerkenswerte kleine Chrome-Erweiterung, mit der Sie eine Vorschau aller Google-Web-Schriftarten auf jeder Website anzeigen können. Alles, was von Ihnen verlangt wird, ist der CSS-Selektor für den Textblock, den Sie in der Vorschau anzeigen möchten.


Schauen Sie sich den Quick Tip an


Fühlen Sie sich frei, das Video herunterzuladen oder Webdesigntuts + auf YouTube zu abonnieren…

Mit der Erweiterung können Sie auch die Textgröße, den Textschatten und einige andere Transformationen in der Vorschau festlegen. Es wäre großartig, wenn Sie auch andere Web-Font-Dienste auswählen könnten, genau wie in Typecast. Dies ist jedoch vor allem eine unterhaltsame und praktische Alternative.


Ressourcen

  • Google Font Previewer für Chrome