Jquery 使用Raphael更改文本大小

我从自己以前的工作文档中复制粘贴了这段代码，因此我知道代码是正确的，但肯定是其他原因导致了问题。我正在使用Raphael js库制作动画，我需要在动画中添加文本标签

我的问题是，当我试图改变文本大小时，文本的大小实际上不会改变。即使当我打开Firebug时，它也会将文本列为正确的大小，但文本呈现为与不应该每次呈现的相同的微小大小

var c = paper.text(xR-Math.cos(.8)*letterOffset, yR-Math.sin(.8)*letterOffset, "c.").attr({fill: '#737373', 'font-family': 'IM Fell DW Pica'});
var m = paper.text(xG+Math.cos(5*Math.PI/4)*letterOffset, yG-Math.sin(5*Math.PI/4)*letterOffset, "m.").attr({fill: '#737373', 'font-family': 'IM Fell DW Pica'});
var s = paper.text(xB+Math.cos(0)*letterOffset, yB-Math.sin(0)*letterOffset, "s.").attr({fill: '#737373', 'font-size': '72px', 'font-family': 'IM Fell DW Pica'});

如您所见，其中一个字母的大小设置为72，但它们都呈现完全相同的大小。为什么拉斐尔不改变文本大小

您可以在此处看到源代码：

---

您的main.css样式重置干扰了Raphael设置的样式：

* {
 margin: 0;
 padding: 0;
 font-size: 12px; //remove this
}

---

您的main.css样式重置干扰了Raphael设置的样式：

* {
 margin: 0;
 padding: 0;
 font-size: 12px; //remove this
}