Comments 7
image-set
... не работает по поддерживаемому формату файла. По крайней мере, в тех браузерах, где это реально нужно (например, старые айфоны). Браузер увидит avif, честно его скачает, после чего скажет "фигня какая-то" и картинку не нарисует. Проверено.
Как лечить: смотрим заголовок Accept в начале сессии и вешаем на body классы типа supports-avif и supports-webp. Дальше в CSS указываем
.supports-webp .my-elem { background-image: url(...webp) }
Шрифты local сломаны с момента рождения (лет 15 назад). У юзера под заказанным именем может стоять что угодно. В частности, я напарывался а) на шрифты без кириллических символов и б) на шрифты-тёзки, тех же Open Sans-ов до гугла уже было штук 5 разных.
Вы абсолютно правы, удивился что src: local кто-то достал из чулана в 2к24
У юзера под заказанным именем может стоять что угодно. В частности, я напарывался а) на шрифты без кириллических символов и б) на шрифты-тёзки, тех же Open Sans-ов до гугла уже было штук 5 разных.
Я может задам глупый вопрос. Как получается, что у пользователей стоит то, что не ожидалось?
софт, который ставит в систему свои шрифты. Если он не русифицирован, то кириллицы там скорее всего не будет, даже если она есть в полном оригинальном шрифте. И я уже не говорю про версии (да, шрифты тоже часто обновляют)
дизайнеры и прочие близкие по духу товарищи, которые тянут всё, что плохо лежит, потому что ну надо там быстро что-то поправить, а в брендбуке заказчика прописана какая-то чуть ли не индивидуальной разработки дичь
А зачем в примере с уникальным значением отступа для последнего элемента вообще дополнительный класс? Есть же отличный селектор :last-child. И не нужно плодить никаких сущностей.
Неизвестно полезный CSS. Часть 2