Why font-face rules don't work in my paragraph?

I am trying to implement Guardian Egyptian font-family in my website. I have implemented font-face rules for remote referring. But in CSS it doesn't work. In fact, it doesn't change the font into Guardian Egyptian. Why?

Here is what I have tried: