Два шрифта в font-family, что это дает?

Question

[timers]

Залез на один сайт и понравился шрифт, начал смотреть css, а там font-family: 'Open Sans','PT Sans',sans-serif;

Что это означает?

Comments

[Сергей delphinpro]

Использовать первый, если он отсутствует — второй, и так далее. sans-serif означает использовать шрифт без засечек, установленный в настройках браузера по умолчанию, если все остальные не найдены.

С такими вопросами нужно идти на htmlbook или MDN в справочный раздел. Там найти свойство font-family и самому обо всем прочитать.

Answer 1

[pavlyukdm]

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

htmlbook.ru/css/font-family

Comments

[timers]

Но оба шрифта подключены в css.

[Анатолий]

timers, это не отменяет факт невозможности загрузить шрифт с CDN или откуда-нибудь еще.

[timers]

Понял спасибо.

Answer 2

[dsmaslov]

Второй шрифт чаще всего является альтернативным, если первый не сможет загрузиться. Лучше всего использовать второй шрифт веб-безопасный, который присутствует на большинстве систем по умолчанию. Можно использовать сайт для поиска таких шрифтов: https://www.cssfontstack.com