Верстаючи шаблони HTML досить часто стикаюся з нестандартними шрифтами, які дизайнер використовує в PSD макеті, і добре якщо в деяких випадках можна знехтувати цим "рюшиках" з мінімальною втратою, але такий варіант не завжди проходить, і тут доводиться принебречь вже своїм переконанням - що все має бути максимально просто!
Ну що поробиш як то кажуть "краса вимагає жертв", благо що з появою Cufon. ці жертви приносити стало давольно просто і зручно! У цій статті я приведу практичний приклад по використанню нестандартного шрифту на прикладі шрифту Trebuchet MS italic. яким буде відображений заголовок
.
- The EULAs of these fonts allow Web Embedding (without Adobe Flash)
- All
- Cyrillic Alphabet (якщо текст російською)
- Russian Alphabet (якщо текст російською
- I acknowledge and accept these terms
Далі слід завантажити сам дистрибутив Cufon. за цим посиланням cufon.shoqolate.com/js/cufon-yui.js. і зберегти його в потрібній папці (наприклад там же де і Trebuchet_MS_italic_700.font.js).
Тепер неоходімо форматувати функцію класу Cufon - replace (). передавши їй в якості вхідних параметрів об'єкт - текстовий елемент, який потрібно відображати даними шрифтом, а також вказати ім'я шрифту. вигдядіт це так:
Приклад ініціалізації для mootools 1.2.4