Font Previewer: stwórz CSS dla dowolnego fontu z google'owego Font API

„Teraz, kiedy odwiedzisz stronę rodziny fontów, zobaczysz link 'Preview this font', który załaduje twój wybór do wyświetlarki fontów” – wyjaśnia Marc Tobias Kunisch z zespołu Google Font API.

Wyświetlarka Font Previewer jest bardzo rozbudowaną aplikacją. Pozwala na wpisanie przykładowego tekstu, wybór rodziny fontów, rozmiaru i wariantu, regulację kerningu i interlineacji, transformacji liter, dekoracji a nawet dodania cieni (przez własność CSS text-shadow).

Jak widać, Font Previewer nie ma żadnych problemów z polskimi "ogonkami".

Po ustaleniu wymaganych parametrów, w okienku formularza wyświetlony zostaje pełen kod CSS, wymagany do wykorzystania przygotowanego przez nas fontu na witrynie. Wystarczy go tylko skopiować i wkleić do strony. Trzeba oczywiście pamiętać o wykorzystaniu javascriptowego loadera, który pozwala na ładowanie udostępnionych w katalogu fontów krojów i ujednolicenie ich zachowania w różnych przeglądarkach.

Obecnie w Google Font API znajduje się już wiele fontów, przydatnych także w polskich warunkach – czyli z pełnym zestawem znaków diakrytycznych naszego języka, dlatego rozwiązanie to powinno szybko zyskać na popularności – jest znacznie wygodniejsze w użyciu, niż rozmaite sztuczki, korzystające np. z dynamicznie renderowanych obiektów Flasha. Warto podkreślić też, że Font Previewer bez najmniejszych problemów współpracuje z popularną u nas Operą.

Źródło: googlecode.blogspot.com