Помогите установить шрифт

помогите установить шрифт. скачал здесь шрифт в формате .otf теперь не могу установить его. как правильно его поставить, чтобы его можно было использовать при написании статей?

Одного otf маловато будет. Желательно еше ttf и eot Прописываете в стиле путь, к файлу шрифта
А в стиле элемента, который надо этим шрифтом вывести, пишете
Вот так примерно

woff еще добавьте, как уверяют его распознают 90% браузеров не считая ie

у меня так, файл лежит в templates/_default_/css/

Первый для нормального шрифта, второй для bold жирного

@font-face {
font-family: Roboto;
font-weight: normal;
font-style: normal;
src: url(../css/Roboto-Regular.eot);
src: local('roboto'), url(../css/Roboto-Regular.ttf) format('truetype'), url(../css/Roboto.woff) format('woff');
}
@font-face {
font-family: 'robotobold';
src: local('robotobold'),
url('Roboto-Bold.woff') format('woff'),
url('Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

body {
font-family: 'Roboto', sans-serif;
}

Подскажите пожалуйста как правильно установить Font Awesome на версию 1.7

Не знаю, почему не получается, делаю по инструкции и с сайта Awesome и других сайтов — никак, хоть стреляйся.

Нужно срочно. Помогите.