Prevent ligatures in Safari (Mavericks/iOS7) via CSS

by

We solved this by adding

 -webkit-font-variant-ligatures: no-common-ligatures;

to the css styles. It prevents the ligatures from appearing and thus the broken symbols in the font.

More Related Contents:

  1. background: fixed no repeat not working on mobile
  2. Menu does not align correctly in Safari
  3. Flex / Grid layouts not working on button or fieldset elements
  4. How to replicate background-attachment fixed on iOS [duplicate]
  5. Fixed background image with ios7
  6. Background image not showing in Safari
  7. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  8. Height of flex container not working properly in Safari
  9. How do I make flex box work in safari?
  10. CSS calc not working in Safari and fallback
  11. chrome/safari display border around image
  12. Select size attribute size not working in Chrome/Safari?
  13. CSS Grid Row Height Safari Bug
  14. change the menu font size
  15. Landscape printing from HTML
  16. Expanding a parent to the height of its children
  17. How to hide image broken Icon using only CSS/HTML?
  18. Can you link to a CSS file from an email?
  19. Why does vw include the scrollbar as part of the viewport?
  20. `margin:auto;` doesn’t work on inline-block elements
  21. How to calculate required hue-rotate to generate specific colour?
  22. What is haslayout?
  23. Bootstrap 3: Push/pull columns only on smaller screen sizes
  24. How can I write ‘a:hover’ in inline CSS?
  25. Is there a reason to use a instead of a:link or a:visited in my stylesheet?
  26. How do I remove the horizontal scrollbar in a div?
  27. Change color of bootstrap navbar on hover link?
  28. Fixed footer in Bootstrap
  29. CSS On hover show another element
  30. Image center align vertically and horizontally [duplicate]

Leave a Comment