Projektując szatę graficzną powinniśmy korzystać jedynie z garstki podstawowych fontów. Dzięki czemu zapewniamy w miarę jednolity wygląd tekstów na różnych systemach operacyjnych.
Czy istnieje sposób na uzyskanie dowolnego kroju pisma, który byłby widoczny bez względu na OS z jakiego korzystamy? Istnieje, nazywa się FLIR i mimo, że dopiero zaczął raczkować to już teraz ostro kopie tyłki!
Facelift Image Replacement
FLIR to skrypt, który potrafi dynamicznie zamieniać tekst w grafikę używając do tego dowolnego fonta. Dzięki temu właśnie możliwe jest uzyskanie każdego, nawet tego najbardziej fikuśnego, kroju na naszej stronie internetowej.
Podobnych rozwiązań było w przeszłości kilka (m.in sIFR czy text2png) ale FLIR nokautuje wszystkie pozostałe jednym ciosem. Jego najważniejsze cechy:
niewiarygodnie szybki
łatwy do zintegrowania ze stroną
działający na wszystkich nowoczesnych przeglądarkach internetowych (Firefox, Opera, Safari a nawet na znienawidzony Internet Explorer 5.5 i nowsze)
przystosowany do działania z najpopularniejszymi bibliotekami JS (jQuery, prototype, scriptaculous, mootols)
umożliwiający łatwe tworzenie własnych wtyczek rozszerzających funkcjonalność (np. FancyFont czy QuickEffects)
poprawnie interpretujący „polskie ogonki”
posiadający już wsparcie dla WordPressa oraz Drupala
oparty na licencji GPL czyli w pełni darmowy
FLIR w akcji czyli kilka przykładów
FLIR i WordPress
FLIR - wtyczka do WordPressa
Facelift Image Replacment (FLIR) to specjalna wtyczka do WordPressa dzięki, której instalacja FLIRa staje się dziecinnie prosta:
Ściągnąć, rozpakować i przekopiować folder facelift-image-replacement na serwer do katalogu z innymi wtyczkami (wp-content/plugins/).
Ustawić chmod 666 dla plików /facelift-image-replacement/facelift/config-flir.php.
Ustawić chmod 777 dla katalogu /facelift-image-replacement/facelift/cache.
Aktywować wtyczkę z poziomu panelu administracyjnego (zakładka wtyczki – włącz wtyczkę).
Ustawić odpowiednie opcje (zakładka wygląd – FLIR).
Nowego fonta dodaje się poprzez wgranie pliku .ttf do katalogu /facelift-image-replacement/facelift/fonts i wybraniu go następnie w opcjach wtyczki.
Comments