В чем разница между font-family и font-face в веб-дизайне?

Разница между font-family и font-face в веб-дизайне заключается в их функциях.

Font-family используется для указания шрифта тексту внутри элемента в HTML-документе. remontcompa.ru С помощью этого свойства можно указать не один шрифт, а несколько, разделяя их названия запятыми. remontcompa.ru Веб-браузер проверяет, установлен ли первый указанный шрифт на компьютере пользователя. remontcompa.ru Если да, то использует его, если нет — проверяет второй шрифт и так далее. remontcompa.ru Если ни один из указанных шрифтов не найден, веб-браузер выбирает подходящий шрифт из указанного семейства шрифтов. remontcompa.ru

Font-face позволяет подключать разнообразные пользовательские шрифты. html5book.ru Браузер загружает шрифты в кэш и использует их для оформления текста на странице. html5book.ru Такой подход называется встраиванием шрифтов, а встроенные шрифты — веб-шрифтами. html5book.ru Правило @font-face нужно размещать перед всеми остальными правилами CSS, так как этот приём улучшает производительность страницы. html5book.ru

Таким образом, font-family фокусируется на указании шрифтов, установленных в операционной системе пользователя, а font-face — на использовании шрифтов, загружаемых с сервера и доступных даже при отсутствии их на устройстве пользователя. vaden-pro.ru remontcompa.ru