我使用Cufon来代替多个元素使用的字体。我的语法是这样的:
<script type="text/javascript">
Cufon.replace('h1.elementClassName, h2.newElementClassName, div#confirmationElementClassNameAndMore, h5.otherClassBlaBlaBla');
</script>
显然,它需要全部在一行上,否则它就不起作用。但是当我向列表中添加更多元素时,它变得难以阅读。
我也见过下面的语法,但我不确定,如果多次声明REPLACE会减慢加载速度:
<script type="text/javascript">
Cufon.replace('h1.elementClassName');
Cufon.replace('h2.newElementClassName');
Cufon.replace('div#confirmationElementClassNameAndMore');
Cufon.replace('h5.otherClassBlaBlaBla');
</script>
会影响速度还是安全使用?
或者是否有另一种语法有助于提高可见性?
现在没有必要使用cufon了,大多数浏览器都可以只使用CSS来呈现自定义字体。看看这里http://www.fontsquirrel.com/fontface/generator。Fontsquirrel可以为所有浏览器转换字体,并为您生成CSS
Font-face在不同的浏览器中是不一致的-你必须调整边距来获得一致的结果。有些字体,在小尺寸时,也可能呈现出非常错误。
这是使用Cufon选择多个元素的语法:
<script type="text/javascript">
Cufon.replace('h1, h2, h3', {fontFamily: 'FontName'});
</script>