我下载了一个自定义字体(Gotham-Light.eot
), 但它在Internet Explorer 9上无法使用。
@font-face {
font-family: Gotham-Light;
src: url('Gotham-Light.eot');
}
这个不起作用。我正在使用重新构建的ASP MVC3,使用了自定义工具,但仍然没有任何作用。
我下载了一个自定义字体(Gotham-Light.eot
), 但它在Internet Explorer 9上无法使用。
@font-face {
font-family: Gotham-Light;
src: url('Gotham-Light.eot');
}
这个不起作用。我正在使用重新构建的ASP MVC3,使用了自定义工具,但仍然没有任何作用。
首先,商品:
@font-face {
font-family: 'ludger_duvernayregular';
src: url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.eot');
src: url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.eot?#iefix') format('embedded-opentype'),
url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.woff') format('woff'),
url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.ttf') format('truetype'),
url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.svg#ludger_duvernayregular') format('svg');
font-weight: normal;
font-style: normal;
}
p.test {
font-family: 'ludger_duvernayregular', Arial, serif;
font-weight: 400;
color: blue;
}
eot
,ttf
和woff
。虽然很难获得SVG转换。font-family: 'ludger_duvernayregular';
IE9 兼容模式:
src: url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.eot');
src: url('http://../ludgerduvernay.eot?#iefix') format('embedded-opentype'),
.eot?#iefix <<< See below for an explanation.
进一步解决IE CSS问题
在一些罕见的情况下,IE将会失败,因为@font-face声明字符过多。这个问题可以通过在问号‘?’后面加上井号‘#’来解决,在大多数情况下有效。这将为你提供额外的空间。
-摘自Font Spring文章
我不知道为什么这个方法能解决问题,所以只能相信他们的说法。
现代浏览器:
url('http://../ludgerduvernay.woff') format('woff'),
Safari,Android,iOS:
url('http://../ludgerduvernay.ttf') format('truetype'),
传统iOS:
url('http://../ludgerduvernay.svg#ludger_duvernayregular') format('svg');
然后使用它:
p {
font-family: 'ludger_duvernayregular', Arial, serif;
}
因此,您可能需要检查服务器是否损坏。 您还可以使用Chrome控制台或Firebug NET选项卡查看与文件一起发送的标头。
现在我在这里得到了一点帮助,我认为您应该考虑以下选项:
:)
如果您正在按照此处列出的指示http://www.fontspring.com/blog/fixing-ie9-font-face-problems进行操作,那么最有可能的原因是您调用字体的方式不正确。
请确保您从样式表中指向正确的位置 - 如果字体文件与样式表在同一目录中,则上面的代码才能正常工作。
希望这可以帮到您。
Gotham是一款商业产品,如果你刚从某个地方下载它,那么它很可能是一个非法副本或假货,而且可能在技术上也存在问题。
考虑使用类似设计的免费字体,比如Cicle。
针对谷歌员工:我遇到了一个问题,可能是由于字体名称过长或与已安装的字体冲突导致的。无论如何,只有IE浏览器出现了问题。
我将
font-family: 'HelveticaLTUltraCompressedRegular';
更改为
font-family: 'HelveticaLTUCR';
这解决了我的问题。