jQuery | jQuery: змяняны выгляд шрыфта з дапамогай Cufon | JEGee

Наша команда-партнер Artmisto

Што рабіць, калі загаловак хочацца бачыць асаблівым, але зусім не хочацца нарэзаць загаловак малюначкам ?!

Дапамогуць jQuery і Cufon (Cufón). Cufon дазваляе імітаваць выкарыстанне на старонцы практычна любога TTF-шрыфта з варыянтамі напісання. Часцей за ўсё выкарыстоўваецца Cufon для фармавання вонкавага выгляду тэгаў H1-H6 і іншых, хто мае патрэбу ў асаблівым выдзяленні блокаў тэксту.

Каб задзейнічаць Cufon, трэба:

• выбраць шрыфт ttf, які мы хочам выкарыстоўваць на старонцы
• зайсці на старонку Cufon для генерацыі скрыпту імітацыі абранага шрыфта
• у першым блоку старонкі Cufon падгрузіць ttf-варыянты шрыфта, якія мы хочам выкарыстаць
• у другім блоку выбраць сцяжкамі якія глифы будзе выкарыстоўваць скрыпт (кірылічныя, японскія, кітайскія і да т.п.)
• націснуць кнопку ў самым нізе старонкі, каб атрымаць магчымасць спампаваць гатовы скрыпт.

Вельмі не рэкамендуецца (і пра гэта напісана на самім сайце) выбіраць сцяг «Усе глифы». Памер скрыпту атрымаецца неадэкватным патрабаваным задачам.

З пазіцыі юзабіліці, акрамя загалоўка сайта, старонні шрыфт выкарыстоўваць проста шкодна - на вялікім аб'ёме кантэнту нестандартны шрыфт дае высокую глядзельную стамляльнасць, які чытае губляе тэмп і, як следства, цікавасць да кантэнту.
Калі кантэнт вельмі важны, яго проста капіююць з зыходнага тэксту старонкі, каб перамясціць у рэдактар ​​без захавання фарматавання.
Таксама стварае праблему памер файла-скрыпту для шрыфта. Хай у нашым прыкладзе ён загружаецца пасля загрузкі ўсяго дакумента, а, значыць, не блакуе гатоўнасць старонкі да выкарыстання. Аднак вага ў больш чым 50кб пры досыць вялікім аб'ёме кантэнту прывядзе да праблемы хуткай загрузкі.
Менш важным, але істотным момантам ёсць немагчымасць скапіяваць такі тэкст са старонкі, паколькі ідзе падмена рэальнага шрыфта яго выявай.
І чыста візуальна, паколькі падмена ідзе пасля загрузкі ўсёй старонкі, шрыфт перамалёўваліся прама на вачах у карыстальніка, што спачатку забаўляе, а потым пры пастаянна-вялікім фрагменце перамалёўкі пачынае раздражняць.
Г.зн. фактычна мы губляем наведвальніка, якое вядзе да раздражнення нязручнасцю выкарыстання нашай пляцоўкі.
З пазіцыі SEO праблем выкарыстання Cufon няма ніякіх. Усе «кошерную» - спачатку загружаецца стандартная старонка, а затым пасля загрузкі ўсёй старонкі скрыпт выконвае падмену шрыфта ў тэксце малюнкам гэтага шрыфта. Падмену можна ажыццяўляць як па id элемента, так і па class элементаў.

Прыклад скамплектаваць і для тэга H1, і для id, і для класа.

ps: Сярэдняя хуткасць інтэрнэту па рэгіёнах расце, таму вага ў 50кб не з'яўляецца крытычным, аднак выкарыстанне Cufon варта абмежаваць 1-2 ўваходжанне, а дызайнеру паабяцаць адарваць рукі, калі ён яшчэ раз выкарыстоўвае ў макеце нестандартны шрыфт.