Hey Guys,

I've been working on my first HTML5/CSS3 site, and it's been going well for the most part. Totally loving the new @font-face property, and it works perfectly on my machine. The problem I'm having is when previewed on another device (computer, ipad, iphone), it doesn't seem to be recognising the @font-face property and uses the fallback font instead.

Site link: http://williamben.com/

Here's the CSS I'm using:

@font-face { font-family: 'League Gothic';
             src: url('_/type/league_gothic.otf') format('otf');
}

Any help would be appreciated.

Thanks in advance.