Подключение своего шрифта

Подключение и использование своего шрифта на сайте.

Необходимо предварительно скачать и поместить нужный нам шрифт (в примере это myFonts.ttf), затем в стилях прописать следующее

@font-face {
font-family:myFonts;
src: url('myFonts.TTF');
}

Этим мы привязываем имя шрифта с его местоположением

Затем это имя можно использовать в других стилях, например так для параграфа.

p {
font-family: myFonts;
}

и в теле страницы

<body>
Hello world ПРивет
<p>
Hello world ПРивет
</p>
</body>

Скриншот примера

Шрифт