Question

我正在开发的应用程序正在抛出 404错误 浏览器 IE7或IE8 。但它们适用于其他更新版本或在其他浏览器中。

错误是这样的：

/PresentationLayer/fonts/MyFontLt.ttf）％20format（％22truetype％22），％20url（字体/ MyFontRg.svg

在我的CSS文件中有类似的内容（适用于所有浏览器，IE7和IE8除外）：

    @font-face{
    font-family:'MyBold';
    src:url("fonts/MyFontrgbd-webfont.eot");
    src:url("fonts/MyFontrgbd-webfontd41d.eot?#iefix") format("embedded-opentype"),
    url("fonts/MyFontrgbd-webfont.woff") format("woff"),
    url("fonts/MyFontrgbd-webfont.ttf") format("truetype"),
    url("fonts/MyFontrgbd-webfont.svg#MyFontBold") format("svg");
    font-weight:400;font-style:normal}


    @font-face{font-family:'MyFontRegular';
    src:url("fonts/MyFontRgd41d.eot");
    src:url("fonts/MyFontRgd41dd41d.eot?#iefix") format("embedded-opentype"),
    url("fonts/MyFontRg.woff") format("woff"),
    url("fonts/MyFontRg.ttf") format("truetype"),
    url("fonts/MyFontRg.svg#MyFontRegular") format("svg");
    font-weight:400;font-style:normal}



    @font-face{font-family:'MyFontLight';
    src:url("fonts/MyFontRg.ttf") format("truetype");
    font-weight:400;font-style:normal}


    @font-face{
    font-family:'MyFontLight';
    src:url("fonts/MyFontLt.ttf") format("truetype"),
    url("fonts/MyFontRg.svg#MyFontRegular") format("svg");
    font-weight:400;font-style:normal}

有人可以帮忙解决这个问题吗？

注意：

我已经尝试过Mime-Types
嵌入的字体权限以及可安装的
...

...

Answer 1

您的代码存在问题，即上一个@font-face规则的src属性不包含受支持的值。因此，它将价值视为一个很大的网址，显然无处可寻。

要解决此问题，只需添加url(path/to/example.eot?#iefix) format('embedded-opentype'),作为堆栈的第一个值。

Answer 2

您收到该错误的原因是因为旧版本的IE（8及以下版本）不支持真实字体格式（TTF）。正如我从错误消息中看到的那样，它只发生在你的＆＃34; Light＆＃34;字体。在检查代码时，您可以在@ font-face中为＆＃34;常规＆＃34;指定EOT字体。和＆＃34; Bold＆＃34;版本的字体，但不是＆＃34;灯＆＃34;。我的建议是创建一个.EOT版本的＆＃34; Light＆＃34; font（您可以在许多在线网站中进行转换）。我亲自使用过Font Squirrel。将字体文件放在所选目录中，并将其添加到@ font-face。 Refer this site here。这应该照顾你的问题。

希望这有帮助

IE7＆amp; IE8在TTF中抛出404错误 - 字体？ CSS？

2 个答案: