In typography, Ligature binds two or more characters into one, which sometimes looks like an issue. Some Web browsers like Safari browser on both Mac OS X and iOS show standard ligatures by default.

If you have expanded or collapsed tracking (CSS: Letter-spacing) in the font you use, you will see that some letters are defined as one symbol:

I bet you’ll want to disable Ligatures—use the following custom CSS code for the entire website or just for a specific selector by a class name:

/* Disable Ligature for the entire website */
* {
  font-variant-ligatures: none;
}

/* Disable Ligature for a specific selector */
.class-name {
  font-variant-ligatures: none;
}

Learn more about ligatures issues described by Jason Tselentis, Associate Professor at Winthrop University’s Department of Design.