Wymiana czcionek za pomocą Cufón

  1. Krok 1: Wygeneruj czcionkę
  2. Krok 2: Dołącz Cufón i czcionkę
  3. Krok 3: Selektory i elementy
  4. pobrać API
  5. 9 demonstracji WebGL-Mind-Blowing
  6. Klasy CSS Unicode
  7. Wtyczka MooTools Zebra Tables

Wszyscy wiemy o metodach wymiany dużych czcionek. sIFR jest duży. Wymiana czcionek obrazu zyskała na znaczeniu. Niewiele osób wie o a świetny projekt o nazwie Cufón chociaż. Cufón wykorzystuje unikalne połączenie zastrzeżonego narzędzia generatora czcionek i JavaScript do tworzenia niestandardowego renderera czcionek w płótnie i VML. Oto jak używać Cufón do renderowania czcionki Sin City dla nagłówków.

Krok 1: Wygeneruj czcionkę

Pierwszym krokiem jest użyj narzędzia do generowania czcionek Cufón konwertować i dostosowywać sposób renderowania czcionki. Byłem pod wrażeniem liczby opcji dostępnych do konwersji czcionek. Po zakończeniu konwersji generacja Cufón przedstawia plik JavaScript zawierający informacje o czcionkach, które Cufón może odczytać.

Krok 2: Dołącz Cufón i czcionkę

Dołącz plik JavaScript Cufón i plik JavaScript wygenerowanej czcionki.

<script type = "text / javascript" src = "cufon.js"> </script> <script type = "text / javascript" src = "Sin_City_400.font.js"> </script>

Krok 3: Selektory i elementy

Czas wybrać elementy do Cufón-ize. Nie polecam korzystania z Cufón dla każdego języka na stronie - może to wymagać dużej ilości zasobów. Generalnie chcesz używać niestandardowych czcionek w nagłówkach, więc to właśnie wybrałem poniżej.

Cufon.replace ('# cufon-area h1, # cufon-area h2, # cufon-area h3');

Z mojego doświadczenia wynika, że ​​Cufón wygląda lepiej niż zarówno sIFR, jak i metody obrazowania. Upewnij się, że sprawdź Cufón ponieważ jest to znakomite narzędzie i nie mogę się doczekać, aby zobaczyć, gdzie idzie projekt. Jakie są Twoje myśli?

Panowie ... zapraszamy na darmowy obraz Jessiki Alba.

  • pobrać API

    Jedną z najgorszych tajemnic AJAX w Internecie jest to, że bazowe API dla niego, XMLHttpRequest, nie zostało stworzone do tego, do czego używaliśmy go. Dobrze zrobiliśmy, aby stworzyć eleganckie API wokół XHR, ale wiemy, że możemy zrobić lepiej. Nasz wysiłek ...

  • 9 demonstracji WebGL-Mind-Blowing

    Chociaż programiści nie lubią Flasha, wciąż nadrabiamy zaległości, aby natywnie powielić możliwości animacji, które zapewniła nam stara technologia Adobe. Oczywiście, że tak brezentowy , niesamowita technologia, którą podkreśliłem 9 niesamowitych wersji demonstracyjnych . Inna dostępna technologia ...

  • Klasy CSS Unicode

    Struktura nazwy i spójności klasy CSS jest naprawdę ważna; niektórzy programiści nazywają się wielbłądami, inni używają myślników, a inni używają podkreśleń. Jedną z rzeczy, których się nauczyłem, bawiąc się nazwami klas HTML i CSS, jest to, że można z nich korzystać symbole i ikony Unicode jako nazwy klas.

  • Wtyczka MooTools Zebra Tables

    Dane tabelaryczne często mogą być nudne, ale nie muszą tak wyglądać! Dzięki niewielkiej klasie MooTools mogę sprawić, że dane tabelaryczne będą bardzo łatwe do odczytania dzięki implementacji tabel „zebra” - tabel z naprzemiennymi kolorami tła wiersza. CSS Powyższy CSS jest niezwykle prosty.

Jakie są Twoje myśli?