Anonim

Cufon to biblioteka javascript zastępująca tekst. Nie jest związany z sIFR w bazie kodu, ale osiąga to samo bez potrzeby używania plików Flash. Konfiguracja zajmuje około 5 minut, po czym nie trzeba go ponownie dotykać. Nie może być łatwiejsze i może mieć duży wpływ na wygląd Twojej witryny.

Jak to działa

Pierwszym krokiem jest przesłanie czcionki za pośrednictwem strony internetowej Cufon. Przetwarzają czcionkę na czcionkę SVG (skalowalną grafikę wektorową). Następnie ścieżki są pobierane przetwarzane do VML (języka znaczników wektorowych), co znacznie zwiększa szybkość Cufon w IE. Otrzymane dane są następnie kodowane do JSON i przekazywane do funkcji zdefiniowanej przez Cufon w celu przetworzenia i tam właśnie dzieje się magia.

Przykłady Cufon

Najpierw przejdź do witryny Cufon i prześlij plik czcionki do przetworzenia. Wypluje plik .js do pobrania. Musisz mieć ten plik, aby Cufon przetłumaczył tekst na wybraną czcionkę.

Następnie dołącz zarówno plik cufon-yui.js, jak i wygenerowany plik javascript czcionek. Ostatnim jest po prostu zawinięcie jakiegoś tekstu w klasę i zainicjowanie zamiany Cufon wokół tej nazwy klasy. Pełny kod poniżej:

To jest tekst czcionką Molot

Prowadzi do:
To jest tekst czcionką Molot

Cufon Lineheight

Znany jest problem ze wszystkimi przeglądarkami o wysokości linii, który prawdopodobnie nie zostanie naprawiony

Cufon.now ()

Zaleca się, aby w celu lepszego oglądania w przeglądarce IE wywołać funkcję Cufon.now () tuż przed tagiem body. Zapobiega to chwilowemu chwilowemu wybuchowi, który może wystąpić podczas ładowania strony, a następnie ładowania czcionki.

Problemy z IE9

W chwili opublikowania tego artykułu wystąpiły pewne problemy z niektórymi wersjami IE9, wiem, że pracowały nad ich rozwiązaniem i mam nadzieję, że wkrótce wydamy wydanie, aby rozwiązać te problemy.

Styl czcionek z zamianą czcionek cufon