Question

我知道这被多次询问，但是在尝试之后我无法让它工作。这是我用来导入自定义字体的简单CSS。另外，我正在使用它与bootstrap。

@font-face {
    font-family: Montserrat-Black;
    src: url(Montserrat-Black.otf);
}

它不适用于IE11本身。请帮帮我。谢谢。

Answer 1

Internet Explorer使用eot格式（旧版）或woff。见MSDN

Aniway我使用此代码实现最大兼容性：

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Answer 2

尝试对Internet Explorer使用.eot文件格式。类似的东西：

@font-face {
    font-family: Montserrat-Black;
    src: url('Montserrat-Black.eot');
    src: url('Montserrat-Black.otf');
}

Answer 3

<强> IE11：如果您在开发工具中收到CSS3114错误代码，则需要修改字体文件的第一位。这将允许IE安装字体。

Npm模块： 您可以使用ttembed-js npm模块，它将为您进行修改。 https://www.npmjs.com/package/ttembed-js

用法： ttembed-js path/to/Montserrat-Black.otf

Answer 4

如果您遇到此问题并且您的应用程序在IIS上运行，请尝试在您的web.config中添加正确的MIME类型，正如SO-user Martin Buberl在this comment中解释的那样

Answer 5

由于此问题是我搜索的第一条内容，请允许我提供找到的解决方案：

Paul Irish的Bulletproof @font-face Syntax

或者仅使用FontSquirrel.com上的生成器http://www.fontsquirrel.com/fontface/generator，它们还在其创建的字体工具包中提供“一种CSS语法来统治所有规则”。

字体在IE中不起作用，otf字体

5 个答案: