1. Скачайте шрифт, который вы хотите использовать, и сохраните его на своем компьютере.
2. Создайте папку «fonts» в корневой директории вашего проекта.
3. Поместите загруженный шрифт в папку «fonts».
4. В вашем файле CSS добавьте следующий код:

@font-face {
  font-family: 'Название_шрифта';
  src: url('fonts/название_шрифта.ttf') format('truetype');
}

5. Замените «Названиешрифта» на название вашего шрифта и «названиешрифта.ttf» на имя файла вашего шрифта.
6. Чтобы применить шрифт к элементу HTML, добавьте следующий код:

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

7. Замените «selector» на селектор элемента, к которому вы хотите применить шрифт.
8. Сохраните файл CSS и обновите страницу в браузере, чтобы увидеть изменения.