[Перевод] Система font fallback: что происходит, когда шрифт не может найти нужный символ

Скрипты и советы | 8 октября 2020

Уроки CSS на Хабрахабре, habrahabr.ru, Типографика, Браузеры, Научно-популярное, шрифты, css, font fallback, типографика, браузеры, дизайн шрифтов, fonts,

image


Поднимите руку, если когда-нибудь сталкивались с такой ситуацией: вы получили текст со странными прямоугольниками или вопросительными знаками.






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






Вы видели, как пользователь Twitter использует крутые шрифты, хотя сайт, казалось бы, не разрешает выбирать шрифт.






Или вы разобрались, как использовать эти шрифты в Twitter, но кто-то попросил вас подумать о читателях или жаловался, что видит только пустые квадраты.
Читать дальше →
Нативный способ покрасить SVG-иконки

Когда вам нужна возможность менять цвет иконок через CSS, что вы делаете? Вариантов не так много. Обычно используются...

Подробнее
Firefox и псевдокласс first-letter

Возникла у нас в команде необходимость в одном выпадающем списке добавить значки к элементам списка в зависимости от...

Подробнее
[Из песочницы] «Font-weight: bolder» для шрифтов со множеством начертаний

Если вы используете шрифт со множеством начертаний, то вам, вероятно, захочется, чтобы теги strong и b не увеличивали...

Подробнее
[Из песочницы] 6 самых распространённых ошибок разработчиков при написании HTML и CSS

Привет, Хабр! Представляю вашему вниманию перевод статьи «The 6 most common mistakes developers when writing HTML and...

Подробнее
Парочка неочевидных граблей при использовании веб-шрифтов

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

Подробнее
[Перевод] Советы по CSS, которые вы вряд ли найдете в самоучителях

Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями