Задержка куфона в Internet Explorer - PullRequest
Новая
       14

Задержка куфона в Internet Explorer

0 голосов
/ 25 июня 2010

Кто-нибудь знает, почему у Cufon вторая задержка при загрузке страницы в Internet Explorer (все версии) - http://www.consolidatemydebt.co.uk

У меня есть <script type="text/javascript"> Cufon.now(); </script> прямо перед закрывающим тегом </body>.

Спасибо

Ответы [ 4 ]

2 голосов
/ 20 сентября 2010

Лучший способ предотвратить это мерцание (которое также может произойти в Chrome / FF при медленном соединении с сервером) - это скрыть текст cúfon до его визуализации.

Добавить document.documentElement.className = 'js';чуть ниже вашего тега.Это означает, что мы можем ориентироваться на браузеры с поддержкой JavaScript, добавляя ваш CSS с .js перед каждым селектором.

В вашем CSS используйте этот селектор, чтобы временно скрыть контент при загрузке страницы, например:

h1 {font-size: 2em;} .js h1 {текст-отступ: -9999px;}

Затем в ваш JavaScript, где вы вызываете cúfon include (предполагается, что вы также используете jQuery): 

Cufon.replace("h1");
Cufon.now();  
$("h1").css("z-index","0");

Это скрывает содержимое, пока все ваши скрипты не загрузятсяcúfon запустил, затем показывает содержимое.

Вы также можете сделать это, используя значения z-index.

1 голос
/ 21 марта 2012

Кредит http://blog.jmedwards.net/post/1484780565/cufon-delay

Добавьте это к вашей таблице стилей 

.cufon-loading { visibility: hidden;  }

для удаления вспышки / задержки при рендеринге шрифта.

Как только шрифт будет перерисован, класс заменяется на cufon-active

1 голос
/ 24 мая 2011

Попробуйте позвонить <script type="text/javascript">Cufon.now();</script> сразу после тега <body> и Cufon.replace сразу после элемента, который вы хотите заменить. Это должно исправить проблему мерцания.

0 голосов
/ 25 июня 2010

Это известная ошибка для Cufon.Оформить заказ Здесь .

Известные ошибки

Internet Explorer: если вы не вызываете Cufon.now () непосредственно перед закрывающим тегом, возможно, имеется короткийвидимая задержка до замены текста.

...