My custom FontFace not working for blogger

I want to add my custom font face to blogger theme and use it everywhere in the theme. Following is the code block that I used in css:

@font-face{
font-family = 'UrduFont';
src: url('http://font.urduweb.org/downloads/278-nafees-nastaleeq-regular') format('truetype');
}

and I replaced each "font-family: Arial, San-Serif" (and anyother) keyword to "font-family: 'UrduFont'" but it still doesn't loading this font. What is the issue?