I’ve tried probably about ten suggestions found all over the web, and this is the only method I’ve found to function universally, across every browser I’ve tested it with.

1
2
3
4
5
6
@font-face {
    font-family: 'NameOfFontFamily';
    src: url('/font/file.eot?') format('eot'),
    url('/font/file.woff') format('woff'),
    url('/font/file.ttf') format('truetype');
}

You can use online font converters to convert an OpenType or TrueType font to *.eot and *.woff as needed. For whatever reason, the “?” appears to be important as well. Not sure about that, I’ll have to look into it further.