How to use custom font in website

First: you need some font file like – .woff, .ttf etc 

Second: download your font using this sites 

1001 Free Fonts – Download Fonts

1001 Fonts · Free Fonts Baby!

After downloading that create a folder on your root folder by named font and past it.

then 

@font-face {
    font-family: myFont;
    src: url(fontname.ttf);
}

it helps you to create a custom font family name.
now your site is ready to use this

h1{
    font-family: myFont;
}