Что означает директива local в свойстве подключаемого шрифта в CSS?

Question

[stiglitZ]

Для чего в этом примере используется local?

@font-face {
font-family: 'PlayfairDisplay';
src: local("PlayfairDisplay Regular"); /* для чего указывается local ? */
local("PlayfairDisplay-Regular"); /* для чего указывается local ? */
url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'); /* указание папки с файлом шрифта. и зачем альтернативно указывается формат ? */
font-weight: 400;  /* толщина */
font-style: normal; /* стиль начертания. */
}

Comments

[Ankhena]

Прочитайте статью вместе с апдейтами
xiper.net/collect/html-and-css-tricks/typographics...

Answer 1

[Сергей Тутуков]

local
Данная декларация говорит браузеру чтобы тот вначале поискал нужный шрифт на машине пользователя и только если нужный не нашелся, тогда грузить его из сети. Можно использовать несколько local, чтобы указать все возможные варианты записи шрифта в системе.

Comments

[stiglitZ]

т.е. , без локал ? не сработает - url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype') ?

[Сергей Кислов]

stiglitZ: с помощью url подключают шрифт с сервера (т.е. пользователь его скачивает), с помощью local можно избежать скачки шрифта

[Сергей Тутуков]

stiglitZ: local можешь использовать для распространенных шрифтов (Open Sans, Roboto, ...).
А для шрифтов "Barrio", "Bahiana" и т.д. от local смысла нет.