получить шрифты в CSS от ссылки на хранилище Firebase?

Question

Я хочу использовать шрифт, который я загрузил в хранилище firebase (я использую угловой ионный firestore)

имя оригинального шрифта: 'Pacifico.ttf'

ссылка на скачивание шрифта firebase: https://firebasestorage.googleapis.com/v0/b/questions-21b31.appspot.com/o/fonts%2Fgp6tcr9jkw4qo9mx?alt=media&token=9b62f1d0-2b22-40d7-8a72-1300ca5e3503

моя попытка в css не работает:

@font-face {
    font-family: myFirstFont;
    src: url(https://firebasestorage.googleapis.com/v0/b/questions-21b31.appspot.com/o/fonts%2Fgp6tcr9jkw4qo9mx?alt=media&token=9b62f1d0-2b22-40d7-8a72-1300ca5e3503) format('ttf');
}  

.testF{    
    font-family: myFirstFont;
}

есть идеи?

спасибо