1

我正在尝试添加一个“/”字符来用以下 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();
}

h1 被 cufon 正确替换为 neo sans 字体，但生成的内容不是。无论我做什么，最后一个“/”都会在 Verdana 中呈现。有没有办法让 cufon 识别和替换 CSS 生成的内容？

4

2 回答 2

1

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

于 2012-09-12T21:48:43.433 回答
0

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

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 }

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

于 2012-09-12T21:52:35.933 回答