jquery - 使用 Raphael 改变文字大小

Question

我从自己以前的工作文档中复制粘贴了这段代码，所以我知道代码是正确的，但一定是其他原因导致了问题。我正在使用 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，但它们都呈现完全相同的大小。为什么 Raphael 不更改文字大小？

你可以在这里查看源代码: http://jrstrauss.net/cms/

Answer 1

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

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