Home/ Questions/Q 8300519
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T16:35:23+00:00

I’m trying to write text with Raphael JS, but it completely ignores the text

  • 0

I’m trying to write text with Raphael JS, but it completely ignores the text style attributes. Other attributes like fill, fill-opacity, cursor etc. will work, but font-size, font-family etc. won’t. Here’s my code:

paper.text(40, 80, 'teste').attr({fill: '#fff', 'font-size': 120});

Note that the ‘fill’ attribute works perfectly, but the ‘font-size’ doesn’t. I’ve searched the forum and found a lot of questions answered about text problems (like this one), but no one seems to be having this specific kind of problem.

Any idea of what could I do? Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok, I’ve managed to solve it. There was a CSS rule overriding every text style:

    * {font: 12px Arial;}

    I haven’t write the CSS, plus this is my first experience with Raphael JS, so I was twice unaware of it. Hope my case can help someone in the future. Thanks.

    • 0