Blurry title and x-axis

[fernando.aguirre]

Hi,

I am observing a blurry title and x-axis in some browsers. In Chrome it looks nice, in iExplorer 11 not so nice and in Firefox even worse.

I have checked it in a jsfiddle and observed that this only happens with “theme2”.

The fiffle: http://jsfiddle.net/QwZuf/392/

Thanks in advance.

[Vishwas R]

Fernando,

Differences in font rendering between browsers is most probably the culprit here. We’ll try to use more consistent fonts going forward.

Also, the Firefox doesn’t render text properly at certain angles like -20. In those cases you can change it to -30 to make it work properly. Here is how it looks at -30.

[fernando.aguirre]

I tried with -30 and the result is not good neither. I have changed the theme to theme1 and it looks fine. No problem for me to use this theme, but just for you to know the issue with theme2.

[Vishwas R]

Fernando,

Thanks for the information. We look into the issue and get back to you at the earliest.

[mwick]

Any fixes?

[Vishwas R]

@mwick,

Using consistent web-safe fonts should work fine in your case.

—
Vishwas R
Team CanvasJS