Что такое cufon и canvas и как их переписать

В моей теме Wordpress у меня был эффект зависания в моем верхнем меню, но потом он внезапно прекратил работать, и я не знаю почему, поэтому я попытался проверить элемент, чтобы увидеть, что было происходит, а также пытался добавить класс CSS, как это, чтобы попытаться получить через эффект обратно:Что такое cufon и canvas и как их переписать

#navigation li a:hover{color:#b0d719 !important;}

Но это не работает, то я понял, что-то в HTML ... те Cufon и холст вещь, которую я дон «Я знаю, что это такое, и также не знаю, как их переписать, чтобы выполнить это, чтобы снова навести эффект зависания на панели навигации.

Вот мой website link и вот предварительный просмотр изображения, где это происходит, а

enter image description here

источник

2014-09-27 Cʜᴜɴ

cufon - это старый способ использования «небезопасных» шрифтов перед тем, как @ шрифт-лицо. То, что он делает, - это перекрытие реального текста с изображением, поэтому вы сохраняете текст для SEO, но все видят хороший шрифт (который является изображением). Cufon ALWAYS был очень ограничен с точки зрения CSS, что было одним из его ограничений, и это было довольно неуверенно, поэтому, хотя я не знаю, знаю ли это, знаю, я уверен, что новая версия WP применила патч что, в срок, заставил Cufon прекратить работу. Хорошей новостью является решение, которое легко и удобно, чем Cufon: просто добавьте свой шрифт с @ font-face и проблема решена. – Devin

Большое спасибо за объяснение @Fabio. Я просто понял, как это исправить, но до сих пор не знаю почему эта ошибка произошла, я добавил, как я исправил ее как ответ –

да, я вижу это сейчас. В любом случае, я настоятельно рекомендую перейти на шрифт. Это быстрее, безопаснее, меньше запросов на сервер, и если вам скучно, вы можете просто изменить шрифты на что-то еще за 5 секунд;) – Devin

После нескольких тестов, удаляющих короткие коды и прочее, я просто понял это. Я имел этот код выше все эти JS скриптов и CSS, а также в заголовок

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
// document ready equivalent 
$(function(){ 
    // hide 
    $("#share-stuff").hide(); 

    $("#clickme").click(function() { 
    $("#share-stuff").slideToggle("slow", function() { 
    // Animation complete. 
    }); 
    }); 
}); 
</script>

Тогда я снял его и эффект парения работали хорошо, так что я переехал это ниже всего из Js и CSS, помещенный в заголовок и он работает сейчас, но до сих пор не знаю, почему это так, и в чем причина этого, но я бы хотел знать

источник

2014-09-27 18:32:18

Я не знаю, что библиотеки, но я думаю, что удаление следующий код будет решить вашу проблему:

Cufon.replace('#navigation > ul > li > a', { 
    textShadow: '1px 1px rgba(0, 0, 0, 0.2)', 
    hover: { 
     color: linksColor 
    } 
});

Есть некоторые другие Cufon.replace звонков вы можете захотеть удалить.

Кроме того, если вы не хотите эту библиотеку, вы можете удалить

<script type='text/javascript' src='http://tv.pulseframe.com/wp-content/themes/trademark/files/js/cufon.js?ver=4.0'></script>

но это может нарушить ваши script.jstheme.js и скрипты.

источник

2014-09-27 17:57:21 Oriol

Ну, я просто понял это. У меня был этот код выше всех этих JS-скриптов и CSS, а также в заголовке ' \t ' Затем я переместил это на нижнее из всего этого, и он работает, но все еще не знает, почему –

Что такое cufon и canvas и как их переписать

ответ

Смежные вопросы