我正在使用Cufon用javascript加载一些不错的字体.而且,由于我有很多标签,我使用以下指令来替换所有标签:
Cufon.replace('*', { fontFamily: 'MyFont' });
但是,我最近决定从替换中排除一些标记类.有没有像这样的指令:
Cufon.exclude('TheClassToExclude');
？
我正在使用Cufon(http://wiki.github.com/sorccu/cufon/about)在我的网站上使用特殊字体.但是当我在CSS中应用行高时,它不会影响我的Cufon字体.但在IE中它确实有效.这种行为可能是什么原因？
我需要在获取AJAX数据后刷新Cufon字体.不幸的是简单的Cufon.refresh()不能在IE8中工作.调试器说,行1191行
sStyle.width = roundedShapeWidth;
有无效的参数.
怎么解决？
我有一个页面使用cufon和asp:UpdatePanel.在ajax回调之后,新内容不会用cufon替换标签.我试过了:
<script type="text/javascript">
alert('Cufon refresh start!');
Cufon.refresh();
alert('Cufon must be ok!');
</script>
但是不要接受任何警报或cufon替换.
我在Cufon使用浓缩字体.当页面加载时,我的菜单太宽并且包装.然后Cufon取代了字体,它看起来很好.为了减少视觉干扰,我想将字体大小设置得更小,然后让Cufon在显示时更改字体大小.
目前,字体大小由包含菜单的div设置.这是菜单容器的CSS:
.header_menu_block
{
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-top: 3px;
/*margin-left: 238px; ie 6 can't handle, see margin block below*/
float: left;
text-align: left;
font-weight: normal;
font-size: 14px;
color: #FFFFFF;
height: 41px;
width: 991px;
}
Cufon替换代码如下所示:
<script type="text/javascript">
Cufon.replace('.header_menu_block_col_menu ',
{ color: '#ffffff',
hover: {color: '#204966'}
} );
</script>
我已经尝试将CSS字体大小设置为12px,然后使用以下Cufon代码,但它不起作用:
<script type="text/javascript">
Cufon.replace('.header_menu_block_col_menu ',
{ color: '#ffffff',
hover: {color: '#204966'},
font-size:'14px'
} );
</script>
有谁知道如何做到这一点？
我有一个清单:
<ul>
<li><h2>Header</h2><p>Text</p></li>
<li><h2>Header</h2><p>Text</p></li>
<li><h2>Header</h2><p>Text</p></li>
</ul>
标题文本显示为Cufon生成的画布.
我正在克隆我的列表并使用第二个作为Quicksand脚本的替代品.
一切都像预期的那样工作,但是在排序后标题是不可见的(但画布仍在那里!).
如何解决？
实例:
http://bartekka.ayz.pl/quicksand/
(点击链接后,每个"Cufon Title"都会消失,删除Cufon.now()有帮助,但这不是答案,因为我的项目需要这部分代码)
我正在使用cufon进行一些字体替换,使用jQuery来构建自定义手风琴.
手风琴的代码是这样的:
$(".acc-title").click(function () {
//show something, hide something etc.
});
在click事件期间是否可以更改替换(使用cufon)字体的颜色？
就像是:
$(".acc-title").click(function () {
//some something, hide something etc.
Cufon.replace('how do i select ONLY the title of this', { color: '#fff' });
});
我用cufon字体创建了一个菜单.
我决定在菜单项上应用以下样式:
问题是,将(红色)活动菜单项悬停,结果将其变回灰色(并使其看起来像任何其他"普通"菜单项).我不明白为什么,你能帮我解决一下吗？
这是当前的cufon配置:
Cufon.replace('ul#mainmenu li > a', {
color: '#868686',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: {
color: '#3e3e3e'
}
});
Cufon.replace('ul#mainmenu li.active > a', {
color: '#af1217',
fontFamily: 'pfbeau',
fontSize: '15px',
textShadow: '0 2px 0.1em #fff',
hover: false
});
任何人都可以告诉我为什么Cufon不在以下网站上工作:http://www.rnmtest.co.uk/aim/
看起来对我来说,但它只是不起作用.
所以,我正在使用Cufon和jQuery,并且有各自的标题
<h4>My Title ♥ Funny Symbols</h4>
我正在使用WordPress并且能够解析♥符号并将它们包裹在一个跨度中,所以我最终得到了一些东西.
<h4>My Title <span class="heart-wrap">♥</span> Funny Symbols</h4>
但是,现在我需要弄清楚如何让Cufon忽略内部跨度,因为正在使用的字体没有心形符号; 所以我想它默认回到标准的Arial字体或我决定在CSS中使用的任何东西,所以我可以设置符号的样式.
我环顾四周,看过一些帖子并尝试了他们的例子,但似乎都没有.大多数似乎都针对多级导航和所有这些.任何想法如何解决这个问题？非常感谢.
谢谢!
编辑:
在评论链接中找到答案
Cufon.replace('h4', {
ignore: {
span: true
}
});
我们有一个计时器,它删除无序列表中的顶部项目并将其移动到列表的底部.每个项目都有图像,自定义字体,翻转等.
出于某种原因,页面运行的时间越长,获得的速度就越慢.将鼠标悬停在色带上时,您会注意到延迟.丝带应该在悬停时变为红色,但是当它减慢时你会发现它可能需要几秒钟才能看到悬停状态.
我不知道为什么会这样.我相信我们正在清理所有事情,但事情显然是错误的.
这是有问题的页面... http://gmfg.trailerparkinteractive.com/
如果我能提供任何其他细节,请告诉我.
当使用多个列表和悬停状态时,"父"Cufon样式将替换该子项.在以下示例中,当您悬停第二级链接时,它将被替换为不同的权重.
我可以设置一个选项,以便嵌套样式保持不变或者这是Cufon中的错误/限制吗？
<ul>
<li><a href="#">Top Level</a></li>
<li><a href="#">Top Level</a></li>
<li><a href="#">Top Level</a><ul>
<li><a href="#">Second Level</a></li>
<li><a href="#">Second Level</a></li>
<li><a href="#">Second Level</a></li>
</ul>
<li><a href="#">Top Level</a></li>
<li><a href="#">Top Level</a></li>
</ul>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://github.com/sorccu/cufon/raw/master/js/cufon.js"></script>
<script type="text/javascript" src="http://github.com/sorccu/cufon/raw/master/fonts/Vegur.font.js"></script>
<script type="text/javascript">
Cufon.replace('ul li a',{hover: true, fontWeight: 200});
Cufon.replace('ul li ul a',{hover: true, fontWeight: 700});
</script>