Есть ли у оптического кернинга в Adobe аналог CSS?

Кто-нибудь знает, есть ли у оптического кернинга в Illustrator с помощью алгоритма эквивалент CSS?

Моя догадка в том, что ответ - нет.

КОНТЕКСТ: Оптический кернинг в Illustrator выполняется с помощью алгоритма, который, насколько я могу судить, не входит в спецификацию CSS.

Я имею в виду конкретно оптический кернинг (не оптический размер) - разница была сделана в изобилии в этом Stackoverflow вопрос и ответ.

Самое похожее свойство, которое я смог найти, это: text-rendering: optimizeLegibility определение которого вы можете увидеть здесь (прокрутите вниз до свойства «рендеринг текста» - ВКЛ).

Это варианты auto, optimizeSpeed, optimizeLegibility, geometricPrecision

(И да, я понимаю, что иду на очень легкую связь только через семантическое сходство, но это было самое близкое свойство CSS, которое я мог найти. Оказывается, в конце концов трудно доказать отрицательное.)

На данный момент выводы:

  • Веб-страница text-rendering mdn находится здесь, где указано Свойство включает лигатуры, когда размер шрифта меньше 20 пикселей. (Совершенно разные, так что не то же самое.)
  • рендеринг текста на самом деле является спецификацией SVG, а не спецификацией CSS, скажем так
    (но это не имеет большого значения, так как он поддерживается при рендеринге HTML Gecko, WebKit и Blink (Firefox, Safari и Chrome) соответственно
    (не CSS, скажем, но для практических целей, похоже, не имеет значения для моего варианта использования)
  • В этой css-трюках статье о рендеринге текста сказано Some font files contain additional information about how the font should be rendered. optimizeLegibility makes use of this information, and optimizeSpeed does not.. Тот факт, что он включен в файл шрифта, говорит мне, что он добавляется литейным заводом вручную, а не с помощью алгоритма. (Совсем разные, так что не то же самое)

Итак, на данный момент я думаю, что Оптимальный кернинг в Illustrator НЕ имеет эквивалента CSS. Буду признателен за ваши мысли и опыт по этому вопросу.

Спасибо, Роберт, кернинг шрифтов (автоматический, обычный, нет) отличается. Это в основном определяет, используется ли кернинг шрифта, встроенный в шрифт. (т. е. используется ли кернинг, предоставленный литейным производством), а шрифтовые варианты-лигатуры — это конкретно лигатуры (которые представляют собой причудливые соединительные штрихи / узоры / конфигурации определенных пар глифов, таких как ff или fi). «Самая» отличительная лигатура, которую вы, возможно, видели, — это старая пара «ae».

Andrew Chung 13.10.2022 00:34
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
52
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Чтобы поддерживаться в CSS, он должен поддерживаться во всех браузерах. Это похоже на проприетарный алгоритм Adobe. Неудивительно, что я не вижу ничего подобного в CSS.

CSS предоставляет свойство font-kerning. Одним из определенных значений является auto, что означает, что браузер может использовать свои собственные критерии, чтобы решить, включать ли кернинг. Но, похоже, не предполагается, что браузер может решать, как выполняется кернинг: «Это свойство управляет метрическим кернингом, кернингом, который использует данные настройки, содержащиеся в шрифте».

Данные в шрифте могут принимать одну из двух форм. Устаревшая таблица «kern» была частью исходной спецификации TrueType и может использоваться для перечисления конкретных пар глифов и корректировки интервалов для каждой из них. По размеру это не очень эффективно.

В спецификации OpenType был представлен новый подход: функция «kern» (или функция «vkrn» для вертикальной компоновки) может использоваться для активации действий корректировки метрики в «GPOS» (позиционирование глифов). ) стол. В таблице GPOS действия по позиционированию могут быть указаны для наборов глифов, требующих одинаковых корректировок метрики.

Таблица GPOS поддерживает несколько различных типов действий по позиционированию. (В спецификации OpenType они называются «таблицами поиска».) При использовании таблицы GPOS с функцией «kern» разработчик шрифта обычно реализует действия с парным позиционированием.

При использовании шрифтового кернинга, независимо от того, использует ли браузер таблицу «кернов» в шрифте или активирует функцию «керна» GPOS, величина регулировки интервала для любой пары глифов указывается в шрифте с данными, предоставленными разработчиком шрифта. «Оптический кернинг» Adobe использует алгоритм, который исследует формы глифов, чтобы решить, насколько отрегулировать интервал для данной пары глифов, вместо того, чтобы полагаться на «керн» или данные GPOS в шрифте.

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