Weird "fi" character spacing

[bengott]

When there's a word containing "fi", the "f" and the "i" are jammed together to fit into the width of one character, which makes it look ugly and a little hard to read. Seems strange that a monospaced font would do something like this?

[bengott]

For anyone coming across this issue...

@SachaG educated me about ligatures and how to disable them via CSS. The "fi" ligature can be disabled using any one of the following:

font-feature-settings: "liga" 0;
font-feature-settings: "liga" off;
font-variant-ligatures: none;
font-variant-ligatures: no-common-ligatures;

I prefer the last one, just to be super specific and explicit about what's being done.
https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures