Custom CSS font only works for body copy not heading

Hi, I am not a CSS pro, but I have managed to get my custom font FavoritTrialStd-Regular, to work for the body copy on my site when selecting "Normal" from the text edit drop down box. The body copy throughout my site has turned to my custom font as which is great.

BUT it is not working for any of my headings. Can one please suggest anything to get it work?
Or please double check my CSS code to see if I am missing anything?

Seriously love any help.
Thank you

@Jomac add !important to after

eg: font-family: 'fav' !important;

I'm surprised it's working at all because the words FONT URL are shpwing in your @font-afce declaration and they should not be there.