什麼是cufon和畫布以及如何覆蓋它們

在我的Wordpress主題中，我的頂部菜單有一個懸停效果，但它突然停止工作，我不知道爲什麼，所以我試圖檢查元素，看看是什麼怎麼回事，也嘗試添加一個CSS類這樣的嘗試獲得過的效果回：什麼是cufon和畫布以及如何覆蓋它們

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

但它不工作，然後我意識到在HTML的東西......那些的Cufón和帆布件事我不不知道它是什麼，也不知道如何覆蓋它們來完成此操作，以便在導航欄上再次獲得懸停效果。

這裏是我的website link，這裏是一個圖片預覽哪裏發生這種情況，以及

enter image description here

來源

2014-09-27 Cʜᴜɴ

cufon是在@之前使用「非安全」字體的舊方法，字體面。它所做的是將真實文本與圖像重疊在一起，因此您可以保留搜索引擎優化的文本，但是每個人都可以看到一個很好的字體（這是一個圖像）。 Cufon ALWAYS在CSS方面非常有限，這是它的限制之一，並且它非常不安全，所以，雖然我不知道這是否是問題所在，但我打賭新WP版本已經應用了一個補丁從長遠來看，使Cufon停止工作。好消息是這個解決方案比Cufon更容易和更好：簡單地用@ font-face添加字體並解決問題 – Devin 2014-09-27 18:24:54

非常感謝@Fabio的解釋我只是想出瞭如何解決這個問題，但仍然不知道爲什麼發生這種錯誤，我已經添加了如何將它作爲答案修復的方式 – 2014-09-27 18:40:21

是的，我現在看到它。無論哪種方式，我強烈建議移動到font-face。它的速度更快，更安全，對服務器的要求也更少，如果您感到無聊，您可以在5秒內簡單地將字體更改爲其他字體;） – Devin 2014-09-27 18:51:25

經過一些測試，刪除短代碼和東西，我只是想通了。我有這個代碼上面所有這些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.js和theme.js腳本。

來源

2014-09-27 17:57:21 Oriol

嗯，我只是想通了。我在所有這些JS腳本和CSS上面都有上述代碼 ' \t ' 然後我把它移到所有它的下面，它正在工作，但仍然不知道爲什麼 – 2014-09-27 18:27:54

什麼是cufon和畫布以及如何覆蓋它們

回答

相關問題