Предотвращение лигатур в Safari (Mavericks/iOS7) с помощью CSS
Есть ли возможность запретить Safari/Mobile Safari на Mavericks/iOS7 отображать лигатуры в веб-шрифте? Мы сталкиваемся с проблемами из-за недоступности лигатур в шрифте, отображаемом в виде пробела.
Мы уже пытались использовать это в CSS:
-webkit-font-feature-settings:"liga" 0;
font-feature-settings:"liga" 0;
text-rendering: optimizeSpeed;
Но это не работает, лигатуры по-прежнему пустые места.
2 ответа
Решение
Мы решили это, добавив
-webkit-font-variant-ligatures: no-common-ligatures;
в стиле CSS. Это предотвращает появление лигатур и, следовательно, разбитых символов в шрифте.
Более свежие (2018):
Тот, который работал для нас, указан здесь: /questions/28949122/css-otklyuchit-ligaturyi-shriftov-vo-vseh-brauzerah/28949136#28949136
Ссылка на использование текущего состояния правила:
font-variant-ligatures: none;