与fontham的@ font-face链接浓缩不起作用

时间:2014-05-12 12:10:04

标签: css font-face

我试图将Gotham字体文件链接到我的页面,但我不能让它工作!我错过了什么吗?这些是使用的CSS:

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

2 个答案:

答案 0 :(得分:0)

您必须使用网络字体生成器:http://www.fontsquirrel.com/tools/webfont-generator

答案 1 :(得分:0)

OpenType字体格式应该适用于大多数浏览器 - 但是,在Internet Explorer(所有版本)中,如果" Permission"在文件资源管理器设置中未设置为" Installable" (look here)。有设置此设置的字体作者,并且很难改变它 - 因为它涉及版权问题。然而,有些软件会这样做 - 但我已经遇到了一些问题。

您可以做的最好的事情是在线使用字体转换器将其转换为WOFF格式(适用于所有现代浏览器)和EOT格式,如果您需要支持IE 8及更早版本。这些字体格式不包含OTF文件等版权信息,因此它应该可以使用。您还应该考虑转换为SVG和TTF字体格式,以支持更旧的浏览器。

这里发布的FontSquirrel生成器不会在Gotham上工作,因为它是商业字体,你需要一个webfont许可证。使用字体转换器。