There seems to be a problem with the Google Font "Playfair Display" when two consecutive "f" characters are used.
Check out this example of the odd rendering issue
My idea for a fix involves creating a JavaScript function that scans all text on the website for instances of "ff" and wraps the first character in a span element, which appears to resolve the problem.
function deEffer() {
var text = $("body:first").html();
text = text.replace("ff", "<span>f</span>f");
$("body:first").html(text);
}
I'm interested to hear if anyone has a more elegant solution.
Thank you!