@font-face {
  font-family: 'OpenSans-Bold'; /* Имя шрифта, которое будет использоваться в CSS */
  src: local("OpenSans-Bold"), /* Локальный шрифт (сначала ищет на компьютере пользователя) */
       url("/fonts/OpenSans-Bold.woff2") format("woff2"), /* Файл с сервера (если локального нет) */
       url("/fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 400; /* Нормальное начертание */
  font-style: normal; /* Обычный стиль */
  font-display: swap; /* Улучшает отображение текста при загрузке шрифта */
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: local("OpenSans-Bold"),
       url("/fonts/OpenSans-Bold.woff2") format("woff2"),
       url("/fonts/OpenSans-Bold.woff") format("woff");
  font-weight: 700;
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: local("OpenSans-Bold"),
       url("/fonts/OpenSans-Bold.woff2") format("woff2"),
       url("/fonts/OpenSans-Bold.woff") format("woff");
  font-style: italic;
}