HTML   发布时间:2022-04-15  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – @ font-face无法使用特定版本的Internet Explorer 11大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道有很多相似的问题,但这种情况似乎真的很奇怪.对于Internet Explorer 11( Windows 7 Pro),@ font-face似乎已损坏.具体来说,版本:11.0.9600.17728,更新版本:11.0.18.

@ font-face在Chrome,Firefox,Safari,Opera(适用于Linux和Windows)都适用于我.实际上,它甚至可以在Internet Explorer版本:11.0.9600.17633,更新版本:11.0.16上运行,也可以在不同的机器上运行在Windows 7上.

开发者控制台中没有任何指示取得字体的问题.我已将我的html / css简化为一些非常基本的东西来重现问题.在下面的情况下,自定义字体都不工作(对于特定的IE版本):

<html>
<head>
    <link rel="stylesheet" type="text/css" href="test.css" />
</head>   
<body>      
    <p>This font should be Roboto Thin</p>
    <p>There should be icons below. If not,then font-face is not working.</p>
    <span>a</span>
    <span>b</span>
    <span>c</span>
    <span>d</span>
    <span>e</span>
    <span>f</span>
    <span>g</span>
    <span>h</span>
    <span>i</span>
    <span>j</span>
    <span>k</span>
    <span>l</span>
    <span>m</span>   
</body>
</html>

…和CSS:

@charset "UTF-8";

@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),url('roboto-thin-webfont.woff') format('woff'),url('roboto-thin-webfont.ttf') format('truetype'),url('roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'typicons'; 
    src: url('typicons-regular-webfont.ttf'); 
}

p {
    font-family: robotothin;
    font-size: 26px;
    color: #666;
}

span {
    font-family: typicons;
    font-size: 30px;
    color: #0062A8;
}

你可以找到那个code running here.
如果我使用IE导致问题的版本来查看该页面,则文本字体将是默认值,而不是图标,您只能看到span标签中的字母.

鉴于@ font-face在我测试过的每个其他浏览器中工作(即使是不@R_116_11197@的IE 11),这可能是IE版本的一个错误,还有什么可以进一步修复或调试?

解决方法@H_696_19@
这可能与此 bug report中所述的安全设置的问题有关.

在安全设置中,转到下载>字体下载.如果禁用,那么您需要启用它.

大佬总结

以上是大佬教程为你收集整理的html – @ font-face无法使用特定版本的Internet Explorer 11全部内容,希望文章能够帮你解决html – @ font-face无法使用特定版本的Internet Explorer 11所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。