Для подключения шрифта в HTML и CSS необходимо выполнить следующие шаги:

1. Скачать шрифт в формате .ttf, .otf, .woff или .woff2.
2. Разместить файл шрифта в папке проекта.
3. Добавить код в файл CSS:

@font-face {
  font-family: 'Название шрифта';
  src: url('путь/к/файлу/шрифта.woff2') format('woff2'),
       url('путь/к/файлу/шрифта.woff') format('woff'),
       url('путь/к/файлу/шрифта.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

4. Применить шрифт к нужным элементам:

body {
  font-family: 'Название шрифта', sans-serif;
}

В этом примере шрифт будет применяться к всему документу. Если нужно применить шрифт только к определенному элементу, то нужно указать его селектор вместо body.

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