How to fix fi issue?

macarna · October 31, 2019, 6:03pm

Hi,

How to fix tracking between f and i letters?

Thanks,

Shadowfax · October 31, 2019, 7:49pm

I was able to reproduce this behaviour in Sparkle as well, it happens only with certain fonts … like Lato, PT Sans and others.

For some reason the ligature “fi” is used and not the individual letters “f” and “i”.

I think @duncan will have to look into this. Thanks!

macarna · November 1, 2019, 9:04am

For now I have solved by embed the following code.

<style>
body {font-variant-ligatures: no-common-ligatures;}
</style>

Shadowfax · November 1, 2019, 11:16am

@macarna
Clever!
Thank you for sharing this code … although I hope this will be fixed with a future update.

Horst · February 20, 2020, 1:31pm

Hello,

there is one more simple possibility when single letters stand together, not ligature. Only changing the distance between f and i.

macarna · February 20, 2020, 6:56pm

Thank you @Horst
It is easy if issue in a 1 word.
For paragraphs, ligature embed css code is very useful.

Horst · February 20, 2020, 8:25pm

@macarna
Yes, really. So it is. Sometimes code is needed indeed. Your codes are working on some of my pages very well. Thank You for this. Would like to try some more of your good ideas.
Best greetings
Horst