Strona główna > Newsy > Font Previewer: stwórz CSS dla dowolnego fontu z google'owego Font API

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

2010-07-30

W maju br. Google podczas konferencji I/O poinformowało o udostępnieniu katalogu fontów webowych, który miał ułatwić webdeweloperom stosowanie ładnych krojów pisma na ich witrynach. Font API potrafiło przekształcić dany krój w format odpowiedni dla danej przeglądarki ? czy byłyby to nowoczesne Chrome lub Firefox, czy też stareńkie IE6. Teraz interfejs został wzbogacony o świetne narzędzie: Font Previewer, pozwalający na wizualne dopasowanie potrzebnego nam fontu i wygenerowanie odpowiedniego kodu CSS.

?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 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).

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