Рубрики
FrontEnd

Изменение размера шрифта Cufon

Бывает так, что изменение размера шрифта Cufon не происходит в соответствии с данными установленных для блока параметров шрифтов из CSS. В этих случаях требуется явно указывать параметры в коде при инициализации Cufon.

Изменить размер шрифта можно например так:

Cufon.set('fontSize', '16px').replace('.selector');

В случае указания нескольких параметров можно писать так:

Cufon.replace('.selector', { fontSize: '16px', fontWeight: 'bold' } );

В действительности я бы вообще не рекомендовал пользоваться Cufon, так как с ним возникает масса проблем. Например, если вы указываете при инициализации блок, который содержит в себе какие-либо элементы, например список, то вы можете столкнуться с появлением дополнительных переводов строки там, где их быть не должно.

В этом случае необходимо убрать все разрывы между закрывающими и открывающими тегами и проблема будет решена — то есть надо вытянуть код в одну строку!

Так же часто бывает, что тексты Cufon располагаются немного ниже, чем должны.

В этом случае можно задать отрицательный margin-top, или указать свойство position со значением relative и задать значение свойства bottom.

.selector1 {
	margin-top: -2px;
}
.selector2 {
	position: relative;
	bottom: 2px;
}

Помимо этого неудобно работать с Cufon, если цвет текста должен меняться при наведении, например. Разумеется это и изменение размера шрифта Cufon. Еще Cufon достаточно плохо выглядит после, так как рендеринг не самая сильная его сторона. Не забываем и про дополнительное количество подключений к серверу и вес подключаемых файлов. И это не все его недостатки.

Но все же, бывают ситуации, когда без него не обойтись.

Например в случае, когда надо использовать свой шрифт и чтобы он работал во всех браузерах. Если вы уверены, что ваши клиенты будут просматривать сайт через IE, как было в моей ситуации, то необходимо иметь ввиду, что IE не загружает подключаемые шрифты по умолчанию, а для того, чтобы он начал спрашивать можно ли их загрузить или нет — должна быть включена соответствующая опция.

В моем случае было точно известно, что опция эта не включена(корпоративные настройки безопасности у всех сотрудников компании) и именно поэтому мне пришлось использовать Cufon, против которого я был против до последнего.

Ссылка на сайт для подготовки и настройки своего набора шрифтов Cufon — тут.