Question

Views

Is there anyway to prevent Ligatures from happening in React Native applications?

We are using font "Roobert" which is combining letters "f" and "i" into a ligature.

      <Text
        style={{
          fontFamily: "roobert",
        }}
      >
        Profile
      </Text>

It also seems to happen with increased letter spacing.

I would just like to have normal "profile" text without ligatures.

about 4 years ago · Juan Pablo Isaza

Answer question

Accepted Answer · 2022-07-09T06:42:04.110Z

U+200B character can be used to remove this.

By adding U+200B character in between the characters that would from the ligature, you can prevent ligature from forming.

So: Profile (has invisible char)

instead of: Profile