When you need a custom font in your application first, you have to load the *.ttf file then you can use it as others font-family

@font-face{
    font-family: "My-Font";
    src: url('my-font.ttf'),
}

div {
    font-family: My-Font;
}