2010-03-09 63 views
4

我使用Cufon来加载一些漂亮的字体与JavaScript。 而且,我有很多的标签,我用下面的指令全部更换标签:从Cufon字体系统中排除一些标签

Cufon.replace('*', { fontFamily: 'MyFont' }); 

不过,我最近决定从替换排除某些标签类。 有没有类似说明:

Cufon.exclude('TheClassToExclude'); 

回答

15

使用*作为选择器是一个非常糟糕的主意。首先,永远需要才能加载页面并运行脚本,因为Cufon在执行绘图时会阻止浏览器。其次,根据浏览器的不同,您的文本将无法显示。 (目前,FF3.6不会在Cufon文本上显示选项)

但是要回答您的问题,您可以告诉cufon设置某些类,只需将类添加到您希望由Cufon绘制的元素,而不是相反。

Cufon.replace('h2.cufon', { fontFamily: 'MyFont' });

编辑:

就发现,如果您使用的是JavaScript库,例如jQuery的,你可以使用不同的选择来排除元素。

Cufon.replace('h2:not(.nocufon)', { fontFamily: 'MyFont' });

这将替换所有与文本的Cufón的H2元素,除了那些具有nocufon类。

+2

我要说的是,这是一个非常糟糕的主意,可能是当天的轻描淡写。我完全同意你的看法,在你的所有文字上做cufon(或任何类似的)是一个绝对可怕的想法。 – 2010-05-05 17:41:11

+0

确实如此。请注意,我添加了另一种方法来完成您所描述的操作。 – 2010-05-05 17:49:11

0

您可以根据需要使用'>'来选择一个确切的元素/元素类。我使用这种方式在Drupal站点选择所有2级侧边栏链接,

“#侧边栏左侧。菜单-2级> ul.menu> LI>一个”