Question

我一直在尝试使用自定义字体，它似乎适用于所有内容，但不适用于Internet Explorer 11。我在这里错过了一些非常简单的功能吗？

@font-face {
font-family: 'comfortaa';
src: url('Comfortaa.eot'); /* IE9 Compat Modes */
src: url('Comfortaa.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa_Regular.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa_Regular.ttf')  format('truetype'), /* Safari, Android, 
   iOS    */
     url('../fonts/Comfortaa_Regular.svg') format('svg'); /* Legacy iOS */


}

@font-face {
font-family: 'comfortaabold';
src: url('Comfortaa-Bold.eot'); /* IE9 Compat Modes */
src: url('Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa-Bold.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/Comfortaa-Bold.svg') format('svg'); /* Legacy iOS */


}

Answer 1

如果您不熟悉编码，也许最简单的解决方案是将字体嵌入<head>标记的开头，如下所示：

<link href='http://fonts.googleapis.com/css?family=Comfortaa:700' rel='stylesheet' type='text/css'>

有几个类似的问题和答案可以帮助您排除故障：

在发布问题之前进行搜索是明智的。

如果您想在Mac上的资源管理器中测试您的网站，甚至还有问题和答案。 This one should work well如果您有多个GB备用。如果没有，您可以查看适用于Windows，Mac OSX，iOS或Android设备的新Azure RemoteApp。

Answer 2

这适用于IE 11

    @font-face
    {
        font-family: "MyFont_Lite";
        src: url("../Fonts/myfont.ttf") format("truetype");
        src: url("../Fonts/myfont.woff") format("woff");
    }

我不能让@font面对Internet Explorer 11工作

2 个答案: