The [キロ] character is not displayed correctly in VictoryLabel.

[Developer1103]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Victory version

36.4.0

Code Sandbox link

No response

Bug report

Hi.
In VictoryLabel on iOS, it is displayed as [キロ]->[㌔], [メートル]->[㍍].
If you could teach me how to display it as [キロ], [メートル], I would be grateful. 
Please help me.

Steps to reproduce

No response

Expected behavior

No response

Actual behavior

No response

Environment

- Device:iPhone
- OS:iOS
- Node:
- npm:

[coston]

Hey @Developer1103, thanks for creating this issue. I've confirmed that this issue exists. It looks like something is forcing ligatures to be rendered in iOS, but only when using the label component.

[coston]

The source of the issue is react-native-svg, which Victory uses to render the VictoryLabel text.

The quick fix is to simply set fontVariantLigatures: "none" in your styles.

<VictoryLabel
          text="メートル Coston"
          x={150}
          y={200}
          textAnchor="middle"
          style={{
            fontSize: 20,
            fill: "black",
            fontVariantLigatures: "none",
          }}  
        />

[coston]

Note: the issue does not exist on Android

[Developer1103]

Thank you so much for your help.
I will check it out.
Please continue to take care of me.

[Developer1103]

I was able to solve it.
Thank you very much for your help.