Wordpress 自定义主题资产字体不工作 TTF

Question

I have a quick question that I did not find the answer to anywhere. I am developing a custom wordpress theme and in the Assets/Fonts file i've added a.TTF Font.

@font-face {
    font-family: 'AbrilFatface-Regular';
    src: url('/fonts/AbrilFatface-Regular.ttf');
    font-weight: normal;
}

I have used this piece of code here but nothing works when i assign it to a div

.text {
    font-family: 'AbrilFatface-Regular';
    font-size: 25px;
}

Can you please tell me what I did wrong?

(My style.css file is inside the Assets file directly and the font is in Assets/Fonts/name.ttf)