publikacja: 25 sierpnia 2008, autor: , komentarze 23 https://wpninja.pl/artykuly/flir-czyli-sposob-na-dowolny-kroj-pisma/

FLIR czyli sposób na dowolny krój pisma

FLIR czyli sposób na dowolny krój pisma

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

FLIR - wtyczka do WordPressa

Facelift Image Replacment (FLIR) to specjalna wtyczka do WordPressa dzięki, której instalacja FLIRa staje się dziecinnie prosta:

  1. Ściągnąć, rozpakować i przekopiować folder facelift-image-replacement na serwer do katalogu z innymi wtyczkami (wp-content/plugins/).
  2. Ustawić chmod 666 dla plików /facelift-image-replacement/facelift/config-flir.php.
  3. Ustawić chmod 777 dla katalogu /facelift-image-replacement/facelift/cache.
  4. Aktywować wtyczkę z poziomu panelu administracyjnego (zakładka wtyczkiwłącz wtyczkę).
  5. Ustawić odpowiednie opcje (zakładka wyglądFLIR).

Nowego fonta dodaje się poprzez wgranie pliku .ttf do katalogu /facelift-image-replacement/facelift/fonts i wybraniu go następnie w opcjach wtyczki.

tagi:

Dodaj własny komentarz

Odnośniki z innych stron

Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:

  1. Instalacja FLIR-a krok po kroku

    […] FLIR-a – JS-ową mieszankę dzięki, której uzyskanie dowolnego kroju pisma jest bajecznie […]