Search code examples
cssplayframeworkfont-face

@font-face doesn't work in play-framework

In my CSS, I have:

@font-face
{
font-family: 'myFont';
src: url("fonts/bluepss.ttf");
font-weight: normal;
font-style: normal;
}

button {
font-family: myFont;
font-size: 40px;
color: #FFFFFF;
width: 400px;
height: 100px;
background-color: #BDAEC6;

}

The bluepss.ttf file is stored in public/fonts/ folder. Any ideas why the font's not showing up?

Thanks in advance.

Solution

  • Thanks to @cYn, I found the answer. I realized that in the route file I had

    GET /public/*file controllers.Assets.at(path="/public", file)

    So instead of assets, i put public, and it worked: /assets/fonts/bluepss.ttf