Question

我正在尝试使用以下CSS添加'/'字符来装饰“h1”：

.h1:after {
    content: "/";
    color: #FFC502;
    font-family: 'Neo Sans Pro Medium',verdana,arial,sans-serif;
    font-weight: bold;
}

我还使用以下脚本为所有“h1”使用CUFON字体替换：

$(document).ready(function () {
    cufon();
});

function cufon() {
    Cufon.replace('h1:not(.noCufon)');
    Cufon.replace('h2');
    Cufon.now();
}

用cufon的neo sans字体正确替换了h1，但生成的内容却没有。无论我做什么，最后的'/'都将在Verdana呈现。有没有办法让cufon识别和替换CSS生成的内容？

Answer 1

作为一个JavaScript库，Cufón不支持CSS生成的内容，因为它无法通过DOM访问。没有办法让它识别并在生成的内容上执行字体替换。

Answer 2

我讨厌cufon许多开发人员正在转向google webfonts，因为它更容易管理，并且不包含与cufon系统一样多的bug。

http://www.google.com/webfonts

例如，你只需要包含像这样的字体

<link href='http://fonts.googleapis.com/css?family=Skranji' rel='stylesheet' type='text/css'>

<style>
body{ font-family: 'Skranji',verdana,arial,sans-serif }

当然，你必须寻找你想要的字体。

通过（：before /：after）使用cufon和CSS生成的内容

2 个答案: