什么是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和画布以及如何覆盖它们

回答

相关问题