@font-face linking with gotham condensed not working

Question

Im trying to link Gotham font files to my page but i cant make it work! Am i missing something? These is the css im using:

@font-face {
font-family: 'Gotham Condensed';
src: url('Gotham/GothamCond-Black.otf')  format('opentype');
}

Answer 1

The OpenType font format should work in most browsers - however, in Internet Explorer (all versions) it won't work if the "Permission" in the File Explorer settings is not set to "Installable" (look here). There's the font authors who set this setting, and it's hard to change it - as it is regarding copyright stuff. Some software do it, however - but I've had some issues with it.

The best thing you could do is to use a font converter online to convert it to the WOFF format (works in all modern browsers) and the EOT format, if you need to support IE 8 and older. These font formats does not contain copyright information like OTF files does, so it should work. You should also consider converting to the SVG and TTF font formats to support even more old browsers.

The FontSquirrel generator posted over here won't work on Gotham, because it's a commercial font, and you need a webfont license for that. Use a font convertor.

Answer 2

You have to use web font generator: http://www.fontsquirrel.com/tools/webfont-generator