Cufon...简单的渐变文本...不起作用答案

【问题标题】：Cufon... Simple gradient text... isn't workingCufon...简单的渐变文本...不起作用
【发布时间】：2012-08-25 04:40:46
【问题描述】：

我已经尝试了几个小时来弄清楚为什么这不起作用......我不明白，它一点也不复杂，我已经把它完全剥离了。为什么它不起作用？？

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

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

【问题讨论】：

标签： javascript css text gradient cufon

【解决方案1】：

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

Demo

【讨论】：

你说得对......不过我不明白，我正在从他们的网站生成文件，就像你应该...... cufon.shoqolate.com/generate 。该字体在 Google Fonts 上可用，Source Sans 正常。其他人可以尝试为我生成它吗？奇怪的是，字体确实有效，只是没有应用渐变......或者把它变成cufon。