На самом деле, шрифт San Francisco поставляется как переменный шрифт PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.

На самом деле шрифт San Francisco поставляется как вариативный шрифт

Apple представила расширенную версию своего системного шрифта San Francisco на WWDC 2022. Затем, в прошлом месяце, Джим Нильсен сосредоточился на вариациях шрифта, объясняя как шрифт обеспечивает спектр вариаций на основе ширина и вес. Это замечательное чтение, если вы не проверили его.

На самом деле шрифт San Francisco поставляется как вариативный шрифт

Со всеми этими замечательными новыми опциями у вас может возникнуть соблазн использовать их в веб-дизайне. Крис был также рассматриваю расширенные наборы в своем личном блоге и задумался:

Но пока неясно, как мы можем использовать сжатые, сжатые и расширенные варианты в CSS, и есть ли вообще план разрешить это. Я полагаю, мы можем в конце концов заглянуть на Apple.com и посмотреть, как они это делают, если они начнут использовать их там.

Разве не имеет смысла сконструировать вариативный шрифт и отправить таким образом весь комплект и кабуду?

Оказывается, да. Это имеет смысл. Крис следует за новый пост:

Но буквально вчера случайно наткнулся на то, что встроенный шрифт San Francisco (на устройствах Apple, в которых он встроен) уже является переменным (!!). Видишь ли, я был сходить с ума с Roboto Flex, и имел system-ui в качестве запасного шрифта, и я заметил, что во время FOUT font-variation-settings Я использовал, это повлияло на резервный шрифт, который отображается как Сан-Франциско на моем Mac. Что… если я не сошел с ума… означает, что Сан-Франциско — это вариативный шрифт.

Итак, что касается его использования? Конечно, у Криса есть демо:

Во всем этом есть несколько ошибок, наиболее существенными из которых являются запасные варианты для устройств, отличных от Apple. В конце концов, эта демонстрация просто вызывает system-ui для семейства шрифтов — это не говорит браузеру загрузить файл шрифта или что-то в этом роде, и кто знает, собирается ли Apple когда-нибудь выпустить файл с переменным шрифтом, который мы можем использовать в качестве реального пользовательского веб-шрифта.

Другая интересная вещь? Крис провел небольшое расследование и насчитал 35 макетов, включенных в этот системный шрифт. Идти прочитать остальную часть поста увидеть их все (и получить старую добрую дозу христианства — я знаю, что скучаю по ним!).


Прямая ссылка →

Отметка времени:

Больше от CSS хитрости