Как пользователь страницы получает шрифты при локальном подключении?

Question

[ArgeoMer]

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/Rubik-regular.woff2) format('woff2'),
       url(./fonts/Rubik-regular.woff) format('woff'),
}

Это код из интернета. Непонятно: откуда пользователь получит шрифт?

Comments

[Lynn «Кофеман»]

Ну вот же адрес написан. Что непонятного?

[Одиночка Айс]

Домен плюс /fonts/Rubik-regular.woff2 вот тебе и путь

[ArgeoMer]

Lynn «Кофеман», спасибо кэп)

Answer 1

[Человек]

Обычно на ПК(Windows 10)
шрифты хранятся по этому пути:
C:\Windows\Fonts\какой-то там шрифт

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

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