font-face url does not load

First of all, I already notice that I did not find anything in the searches that could solve my problem.

Here are the paths to folders and files:

_pasta_da_html
    pagina.html
arquivo_da_fonte.ttf
css_com_font_face.css

In CSS, my code looks like this:

@font-face{
    font-family: "nome_da_fonte";
    src: url("arquivo_da_fonte.ttf");
}

While in HTML, the code looks like this:

<link href="../css_com_font_face.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .fonte{
        font-family: nome_da_fonte;
    }
</style>
<div class="fonte">Testando... 1... 2... 3...</div>

I have already checked the path several times and it is correct, but it still does not work, and no, I am not using any php server, just plain html.