Рубрики
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 – тут.

Рубрики
Шахматы

lichess.org

lichess.org – Шахматный сайт, где можно поиграть как с компьютером, так и с другими игроками.

Можно зарегистрироваться и копить рейтинг, устраивать турниры. Образовывать команды.

Помимо этого можно решать различные задачи, например найти лучший ход в заданной позиции.

Рубрики
Wordpress

Плагин – Яндекс.Карты для WordPress

Я написал плагин для Яндекс.Карты для WordPress.
История создания подобного плагина началась давно, в конце 2011 года. Тогда работа с Яндекс.Картами была одной из возможностей системы управления сайтом агентства недвижимости. Спустя некоторое время необходимость публиковать карты с указанием каких-либо объектов возникла и на других сайтах, которые я разрабатывал.

Плагин легко использовать, поскольку предусмотрено использование шорткодов. Существенным плюсом является то, что плагин не подгружает Яндекс.API на все страницы сайта, а только на те, на которые используют карты, это прилчно экономит время загрузки страницы и ее вес. При этом на одной странице может быть сколько угодно карт.

Плагин Яндекс.Карт корректно работает со всеми современными версиями WP.
Устанавливайте, комментируйте, пишите замечания.

Скачать Яндекс.Карты для WordPress:

Скачать плагин можно тут.