Jump to content

Ligatures not working in one of the sites.

Recommended Posts

Site URL: https://www.herzbergdesign.com/bonkus-tester

I'm working in two websites and trying to implement ligatures via the font-variant-ligatures properties in CSS, I'm practically using the same code in both of them, but it doesn't work in one of them.

It works here:


But it doesn't work here (password: bonkus1234 ) :


Just press the "ligatures" button to see if they work, I'm experiencing this problem only in Chrome.

<input id="toggle-liga" class="toggle-liga" type="checkbox">
<label for="toggle-liga" class="ot-btn">Ligatures</label>
.tester-container .toggle-liga:checked ~ .font-tester{
    font-variant-ligatures: common-ligatures discretionary-ligatures contextual;

Thanks in advance.

Link to comment
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.