Как подключить посторонний шрифт?

Здравствуйте! Пожалуйста, подскажите, как подключить шрифт (не из гугл фонтс а скаченные с посторонних источников) к сайту?

html

css

2 ответов

1. Идешь в тот же google fonts и скачиваешь нужный шрифт (кнопка справа Download Family) или скачиваешь шрифт от куда угодно в формате .ttf.

2. Скаченный файл шрифта помещаешь в assets папку (или любую другую папку сайта, файлы которого можно открывать через браузер (как картинки например))

3. В css пишешь подключение шрифта из файла:

@font-face {
    font-family: "My Custom Font";
    src: url(/assets/myfont.ttf) format("truetype");
}

4. Потом задаешь свой шрифт в стилях (например в body)

body { 
    font-family: "My Custom Font", Verdana, Tahoma;
}

Спасибо!!