Need a little help with using webfonts in wordpress (not google)

need a little help ... I bought webfont from myfonts and tried to follow instructions but cannot get the font to work... I copied all the files onto the server to a directory wf1 off the root and copied the attached and edited the custom css file in appearance>css editor and saved.

the lst line in the custom css should set one of the font family to the entire site according to my hints... but it doesn't...

I even tried creating a page and specifying font family in the html editor as follows
<span style="font-family: Mirador-ExtraBold,sans-serif;">See what this font is ...</span>

it dos nothing...

any help would be greatly appreciated