Как свойство font-family работает в CSS?

Ответ 1

Свойство font-family содержит несколько имен шрифтов, чтобы обеспечить "резервную" систему.

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

Общее объявление может выглядеть так:

font-family:Georgia,"Times New Roman",serif;

Шрифт "Грузия" будет использоваться, если он доступен. Если нет, браузер попытается вернуться к "Times New Roman". Если он не может найти этот шрифт, он будет использовать общий шрифт с засечками.

Для получения дополнительной технической информации я предлагаю прочитать спецификацию шрифтов от W3C.

Ответ 2

Чтобы расширить то, что сказал коди:

Когда вы просматриваете веб-страницу через браузер, ваш браузер смотрит на css и видит, какие шрифты использовать. Затем он проверяет этот список на список шрифтов, установленных вашим компьютером; первый, который соответствует, тот, который используется. Шрифты являются клиентскими, а не серверными, и если у вас нет шрифта, который задает css, ваш браузер возвращается к следующему указанному шрифту или по умолчанию.