大佬教程收集整理的这篇文章主要介绍了html – @ font-face无法使用特定版本的Internet Explorer 11,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@ 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版本的一个错误,还有什么可以进一步修复或调试?
在安全设置中,转到下载>字体下载.如果禁用,那么您需要启用它.
以上是大佬教程为你收集整理的html – @ font-face无法使用特定版本的Internet Explorer 11全部内容,希望文章能够帮你解决html – @ font-face无法使用特定版本的Internet Explorer 11所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。