Изменение размера текста с помощью 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, но все они отображают одинаковый размер. Почему Рафаэль не изменит размер текста?

Вы можете увидеть источник здесь: http://jrstrauss.net/cms/

Answer 1

Вашего сброс main.css стиль мешая набор стилей Рафаэля:

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