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

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

08.06.2012 3 comments » Views: 2,037

Cufon

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

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

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

Author: | Rating: 4/5 | Tags:

3 comments.

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Allowed HTML-tags: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>