Использование файла otf в качестве шрифта для сайта

Я пытаюсь использовать otf-файл в качестве шрифта для своего веб-сайта, но по какой-то причине он вообще не меняет шрифт. Я загрузил zip-файл для файла otf, но единственный файл, который я загрузил в свой каталог, это Файл FontAwesome.otf. Что я делаю не так?

@font-face {
font-family: 'FontAwesome';
src: url('FontAwesome.otf') format('opentype');
}
body {
font-size: 36px;
}
#div1 {
font-family: 'FontAwesome';
border: 1px solid red;
}

<div id = 'div1'> The quick </div> The quick