Безопасные веб шрифты // Вебшкола онлайн

weblabla.ru
17 Окт 2021, 20:23

Свойстов CSS font-family должно содержать несколько названий шрифтов в качестве запасных вариантов для расширения совместимости сайта между браузерами и операционными системами. Если браузер не поддерживает шрифт, он попытается загрузить следующий шрифт из списка.

Первым указывайте желаемый шрифт, а последним укажите семейство шрифта, чтобы позволить браузеру выбрать шрифт из этого семейства, если указанные вами конкретные шрифты будут недоступны:

Пример

p{font-family:»Times New Roman», Times, serif}

Ниже приведены несколько часто используемых комбинаций шрифтов, отсортированные по семейству.

Семейство Serif

Свойство font-family	Пример текста
Georgia, serif	Это параграф
«Palatino Linotype», «Book Antiqua», Palatino, serif	Это параграф
«Times New Roman», Times, serif	Это параграф

Семейство Sans-Serif

Свойство font-family	Пример текста
Arial, Helvetica, sans-serif	Это параграф
Arial Black, Gadget, sans-serif	Это параграф
«Comic Sans MS», cursive, sans-serif	Это параграф
Impact, Charcoal, sans-serif	Это параграф
«Lucida Sans Unicode», «Lucida Grande», sans-serif	Это параграф
Tahoma, Geneva, sans-serif	Это параграф
«Trebuchet MS», Helvetica, sans-serif	Это параграф
Verdana, Geneva, sans-serif	Это параграф