Jak dodać czcionkę?

Cześć,

Mam problem chcę dodać czcionki do projektu (pracuje w Angular, więc dodaje czcionkę w styles.css), niestety po odwołaniu się do czcionki nie widzę efektu. Poniżej kod:

@font-face {
    font-family: 'day';
    src: url('/A\ DAY\ WITHOUT\ SUN.otf') format('opentype');
}

Poniżej już CSS w odwołaniu

 .box-flip .front {
    line-height: 200px;
    width: 500px;
    text-align: center;
    font-size: 40px;
    font-family: 'day';
    }

src: url('/A\ DAY\ WITHOUT\ SUN.otf') format('opentype');

spróbuj wywalić backslashe.

nic nie dało, zmieniłem nawet nazwę pliku z czcionką :/

problem rozwiązany:

@font-face {
    font-family: 'Day';
    src: url('fonts\A DAY WITHOUT SUN\A DAY WITHOUT SUN.otf') format('truetype');
}

skopiowałem ścieżkę przez Copy Relative Path, zamiast wklepywać ręcznie