Что такое веб-безопасные шрифты и резервные шрифты в CSS?

Веб-безопасные шрифты: веб-безопасные шрифты — это те шрифты, которые обычно устанавливаются во всех браузерах и операционных системах. Ниже приведены некоторые примеры шрифтов, которые можно использовать в качестве веб-безопасных шрифтов.

• Вердана
• Грузия
• Ариал
• с засечками
• Без засечек
• Таймс Нью Роман
• Чандара
• калибр
• Оптима
• Люсида Брайт

Резервные шрифты: ни один шрифт не является на 100% безопасным для Интернета. Всегда существует вероятность того, что шрифт, который вы считаете шрифтом Web Safe, установлен неправильно. В такой ситуации мы используем некоторые шрифты для резервного копирования, и эти шрифты называются резервными шрифтами.

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

• Курсив
• Фантазия
• Моноширинный
• Кахири

Примечание. Все те шрифты, которые используются в качестве веб-безопасных шрифтов, также могут использоваться в качестве запасных шрифтов.

Синтаксис:

Selector {
  font-family: font-1, font-2, font-3;
}

• font-1 будет нашим веб-безопасным шрифтом.
• font-2 и font-3 будут нашим запасным шрифтом.

Вы можете добавить столько резервных шрифтов, сколько захотите.

Объяснение: Будет показан шрифт-1, но по какой-либо причине шрифт-1 недоступен ни в одном браузере или операционной системе, тогда в этом случае будет использоваться шрифт-2. Если шрифт-2 также недоступен, будет использоваться шрифт 3 и так далее.

Пример 1. Следующий код показывает веб-безопасный шрифт для элемента «p».

Выход:

Пример 2. Если веб-безопасный шрифт недоступен, будет использоваться резервный шрифт.

Выход: