Я использую бесплатную версию PT Serif
, загруженную через Google Fonts, и какое-то время я думал, что у нее не было общих лигатур. Пока я не запустил свой веб-сайт на iPad и не узнал, что он правильно их выполняет. При проверке кажется, что Chrome и Safari для OSX не отображают их правильно. Chrome для Android также игнорирует их.Лигатуры, применяемые в Safari iOS, но не в Safari OSX или Chrome
Вот рендер на Chrome v45 на OSX El Capitan:
Обратите внимание на fi
в поиск в ширину. В настоящее время на прошивкой:
Вот соответствующий CSS:
font-family: 'PT Serif', Georgia, Times, 'Times New Roman', serif;
font-size: $base-font-size;
line-height: $base-line-height;
font-weight: 300;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
font-variant-ligatures: contextual;
Шрифт загружается в заголовке страницы, используя следующий код:
<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
Вы можете проверить aforementioned webpage here.
Это какое-то ограничение, ошибка или мой CSS-код что-то отсутствует?
Fun (?) вопрос: это те же шрифты? Название в стороне, они же версия, примерно такой же размер, действительно ли таблица GSUB говорит, что версия OSX на самом деле имеет лигатуру? –
Это интересный вопрос, но поскольку шрифт обычно не установлен в системе, и я использую Google Fonts для импорта, я * предполагаю, что они будут одинаковыми. –
Относительно разумного предположения, но шрифты Google * будут * фактически обслуживать разные CSS на основе того, поддерживает ли браузер WOFF или WOFF2. Однако это обычно не влияет на замещения лигатуры. –