Ligature Characters in Textbook Theme Headers

• 

  beckymoulder · Member · Feb 2, 2018 at 4:48 pm

  • Copy link
  • Add topic to favorites

  Hello! When using Chrome or Safari, I notice that wherever the letters “fi” are used together (such as “Office”) in heading text using the Textbook theme, the letters are converted to a combined ligature character. This issue does not occur in Firefox or Edge.

  Is there a fix that can prevent these letters from merging into a single ligature character?

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Feb 2, 2018 at 10:05 pm

  • Copy link

  Hi there – give this a try in your Customizer‘s CSS panel:

  h1, h2, h3, h4 {
    font-variant-ligatures: none;
  }

  Let me know how it goes.

• 

  beckymoulder · Member · Feb 9, 2018 at 3:16 pm

  • Copy link

  That worked! Thank you!

• 

  kathrynwp · Staff · Feb 9, 2018 at 3:36 pm

  • Copy link

  You’re very welcome!