Custom Fonts

Creating a site, where the header font needs to be Lithos Pro, and in blue (#2298a9). Having read the post Jos put in regarding Google fonts I can see this won’t be an easy thing.
I had already tried with custom styles within the font options, but obviously with no luck.
I already have the files in a directory – themes/esplanade/font/ these include lithospro-regular-webfont.eot lithospro-regular-webfont.svg lithospro-regular-webfont.ttf lithospro-regular-webfont.woff and stylesheet.css
I had tried using the @import to start of with, but of course didnt work.
Don’t want to use an image, obviously there would be problems with this anyway due to the styles applied to the images placed in the header.

If it was just a style issue, I would live with what’s available, but this is the companied brand, so it’s either I can do this or have to use a different theme.
Ideas… please…