Главная > JavaScript > Cufon и прыгающий текст

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

08.06.2012 3 комментария » Просмотры: 2 028

Cufon

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

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

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

Автор: | Рейтинг: 4/5 | Теги:

3 комментария

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Разрешены HTML-теги: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>