Font Rendering Issue in NativeTextAnnotation After Upgrading to SciChart 4.0.923

Hi,
I’m experiencing an issue after upgrading to SciChart v4.0.923.
It seems that the font registration for NativeTextAnnotation is not rendering correctly, especially regarding numeric characters. The rendered text appears distorted or improperly shaped.

This behavior did not occur in SciChart v3, where the same annotations and fonts rendered correctly.

I’ve attached screenshots comparing the output in version 4 vs version 3 to illustrate the difference.

Could you please check whether this is a known issue in the new rendering pipeline, or if any additional configuration is required for custom font registration in SciChart 4?

Thank you!
If you need any additional information or a reproduction snippet, I can provide it.

Version

4.0.923

Images

JavaScript javascript nativetextannotation

rocket trade asked 4 months ago

- Andrew Burnett-Thompson
- 4 months ago
Hi there, to my knowledge, the only thing that has changed is SciChartDefaults.useNativeText is now true: which uses a packaged font for native rendering, but if you are custom loading a font, this should not matter. We did have some problem around superscripts rendering which were present in scichart.js v3 and v4 (will be fixed in v5). Which image is which? Is the one with superscripts v3? A very brief code snippet, and the font name, would be helpful. we can debug it here. Thanks! Two useful documentation pages: (1) breaking changes in v4 https://www.scichart.com/documentation/js/v4/whats-new/breaking-changes-v3-v4/ and (2) Font loading https://www.scichart.com/documentation/js/v4/2d-charts/miscellaneous-apis/native-text-api/
- rocket trade
- 4 months ago
Hi Andrew, Thanks for your reply. Actually, the problem appears even when using the official example from your documentation — both the v4 and v3 versions. Here are the links: Documentation pages: • v4 native text annotation — https://www.scichart.com/documentation/js/v4/2d-charts/annotations-api/native-text-annotation/ • v3 native text annotation — https://www.scichart.com/documentation/js/current/webframe.html#NativeTextAnnotation.html As can be seen in the annotation text “This text uses a custom font”, the letter “n” is rendered incorrectly.
- Andrew Burnett-Thompson
- 4 months ago
Thanks for the catch! Let me notify the team

You must login to post comments

Answers (3)

OK an update from the team

So in v4 for some reason the superscript rendering of characters “n” and “0-9” took over when a custom font was loaded in the NativeTextAnnotation.

There’s been significant work in v5 (will be released shortly) and this issue is fixed in v5. So a phrase like “the quick brown fox jumps over the lazy dog 0123456789” is a great test that covers all the alphabet and numerals 0..9. This renders correctly in v5 (see attached screenshot).

The team will see if we can back-port this into v4 as a bug-fix however it may not be possible. V5 is scheduled for release in January 2026 and will be going to beta soon.

Best regards,
Andrew

Images