Question

我已经制作了一个自定义图标字体（通过加载SVG文件），并试图让它在IE中显示。它在Chrome，Firefox和Safari中运行良好，但IE中看不到这些字体，从IE8到IE11（可能更早）......例如显示字母“d”。我通过Fontello和Fontastic生成了字体，两者都有同样的问题。

我的CSS是：

@font-face {
font-family: "triangle";
src:url("untitled-font-1.eot");
src:url("untitled-font-1.eot?#iefix") format("embedded-opentype"),
url("untitled-font-1.woff") format("woff"),
url("untitled-font-1.ttf") format("truetype"),
url("untitled-font-1.svg#untitled-font-1") format("svg");
}

h2{
color:#000000;
}

h2:before{
content:"d";
font-family:triangle;
font-size:16px;
color:#000000;
}

我该如何让它们显示出来？！

Answer 1

你好！

我遇到了同样的问题，并从here解决了这个问题。

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}

.eot之后的查询使IE不会无法读取行，如果有任何未使用的字体格式，请确保删除它们。

Answer 2

检查真实字体是否有效，然后转到http://www.fontsquirrel.com/tools/webfont-generator，上传字体并按照说明获取css代码和字体文件。

如何在IE中显示自定义字体？

2 个答案: