Main > JavaScript > Cufon и прыгающий текст

Cufon и прыгающий текст

08.06.2012 3 comments » Views: 2,034

Cufon

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

Решение было найдено тут: Cufon makes IE8 jump a few pixels on hover

А именно, до загрузки cufon-а скрыть текст. Делается это таким css:

.cufon-loading{text-indent:-9999px;}

1	.cufon-loading{text-indent:-9999px;}

Author: Vitaly Orlov | Rating: 4/5 | Tags: Cuffon

3 comments.

Write a comment

Дмитрий Александрович Reply
29.03.2013 в 5:19 pm
Спасибо!
Способ проверен и работает в chrome 25, opera 12+, ie7+
Vitaliy Orlov Reply
19.02.2013 в 8:00 am
Есть ещё один способ, если "при скачке" прыгает не только текст, но и блок. Тогда необходимо родительскому блоку добавить свойство css overflow:hidden, а так же жестко задать ширину и высоту. Таким образом мы блокируем "прыгающие" элементы внутри блока и они не влияют на остальную верстку. Разумеется решение специфическое, но я его тоже иногда использую.
Алексей Reply
18.02.2013 в 8:20 pm
Автору спасибо!

При загрузке на планшетных устройствах с медленным интернетом особенно был виден скачок. Вставил код в style.css и проблемы как не бывало!

Cufon и прыгающий текст

3 comments.

Leave a Reply Cancel reply