cssfontsdigital-handwritting

Link between handwriting characters


I'm trying to use "Pacifico" (https://fonts.google.com/specimen/Pacifico) and this font as really strange behaviour.

When placed at the middle of a word, the W (or N) has not the same style than at the end of the word. This is the example of the behaviour.

w is not the same between how and why.

I have the same issue with :

same issue has you can see

It looks like the renderer makes a link between the two characters. I don't have this weird behaviour in Adobe Indesign, but seems like only in Chrome.

Is there a way to get a "w" in CSS at this end that looks like the w in why ?

enter image description here


Solution

  • That aspect of font rendering can be controlled via font-variant-ligatures.

    E.g. font-variant-ligatures: none;