Как отключить кернинг / лигатуры Safari 7, чтобы текст выглядел так же, как в Safari 6 или Chrome

Этот тест показывает, что Safari 7 сжимает текст вместе, в отличие от Safari 6, Chrome (по умолчанию) и Firefox: https://writerduet.com/test.html

Для моего проекта очень важно, чтобы текст в браузерах выстраивался одинаково. Safari 7 кардинально отличается от 6.1, поскольку по умолчанию он включает кернинг / лигатуры, и я не могу понять, как их отключить. Я играл с text-rendering, font-feature-settings, а также -webkit-font-feature-settings Свойства CSS безрезультатны.

Я обнаружил, что если я установил следующее свойство CSS (в тесте № 3), Chrome будет вести себя так же, как Safari 7, но ни одна из моих попыток отменить эту настройку не привела к тому, что Safari не выполнил сжатие строки:

-webkit-font-feature-settings:"liga" 1;

Я потратил много часов на поиск и отгадывание, поэтому большое спасибо заранее за любые решения!

Это не дубликат другой упомянутой проблемы, так как решение там не работает. На самом деле я не знаю, что за ошибка здесь, в Safari, поэтому я не могу описать ее лучше.

0 ответов

Другие вопросы по тегам