Cufon..简单渐变文本..是't工作

Cufon... Simple gradient text... isn't working

本文关键字:工作 简单 渐变 文本 Cufon      更新时间:2023-09-26

我已经试了几个小时,想弄清楚为什么这不起作用。。。我不明白,它一点也不复杂,我已经把它剥得干干净净了。为什么它不起作用??

我正在尝试将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>

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

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

演示