用于多个元素/选择器的字符语法

Cufon syntax for multiple elements/selectors?

本文关键字:字符 语法 选择器 元素 用于      更新时间:2023-09-26

我使用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>