Cufon ......简单的渐变文字......不起作用

时间:2012-08-25 04:40:46

标签: javascript css text gradient cufon

我一直在努力弄清楚为什么这不起作用......我不明白,它根本不复杂,我把它完全剥掉了。为什么不工作?

我正在尝试将h1文本转换为渐变文字...

http://jsfiddle.net/aZsUh/1/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

<title>TITLE</title>

<!-- StyleSheet -->  
<link id="stylesheet" type="text/css" href="css/style.css" rel="stylesheet" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>

<script type="text/javascript">
Cufon.replace('h1', {
color: '-linear-gradient(#999, 0.45=#666, 0.45=#555, #999)'
});
</script>

</head>

<body>
<h1>Lorem ipsum dolor seiti alpo...</h1>

<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

但我得到的只是纯黑色文字......

1 个答案:

答案 0 :(得分:1)

这是Source_Sans_Pro_400.font.js文件的问题。如果我添加Vegur.font.js,渐变效果会很好。

Demo