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

Чтобы подключить свой шрифт на свой сайт в файле style.css прописываем:

@font-face {
    font-family: love; /* Гарнитура шрифта */
    src: url(love.ttf); /* Путь к файлу со шрифтом */
   }

файл со шрифтом (love.ttf) положит в ту же директорию что и файл style.css

Если файла style.css у вас нет, то в самом html файле, между тегами

[head] [/head]

прописываем:

<style type="text/css">
<!--
@font-face {
    font-family: love; /* Гарнитура шрифта */
    src: url(love.ttf); /* Путь к файлу со шрифтом */
   }
-->
</style>

А подключенный шрифт его можно например так:

h1 { font-size:24px; color:#ff3399; font-family: love}

Вот такая красота