我尝试了几种不同的方法来在CSS中包含正确的字体。我知道我需要eot版本的字体才能在IE上工作,但是我无法让它识别它。我已经使用font squirrel转换了字体,并将.eot文件和.otf文件放置在名为“fonts”的文件夹中。这是我的CSS:
@font-face {
font-family: BebasNeue;
src: url('fonts/BebasNeue.eot');
src: url('fonts/BebasNeue.otf') format("opentype");
}
更新 通过下方的建议,我被引导到了这个网站:http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax
我使用了以下CSS:
@font-face {
font-family: 'BebasNeue';
src: url('fonts/bebasneue.eot'); /* IE9 Compat Modes */
src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/bebasneue.woff') format('woff'), /* Modern Browsers */
url('fonts/bebasneue.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/bebasneue.svg#svgBebasNeue') format('svg'); /* Legacy iOS */
}
然后我回到Font Squirrel,重新下载了包,并正确地将所有内容重命名,这样就可以正常运作了。
url('../fonts/[...]')
。 - yunzen