gpt4 book ai didi

html - @font-face 不适用于特定版本的 Internet Explorer 11

转载 作者:技术小花猫 更新时间:2023-10-29 12:08:08 27 4
gpt4 key购买 nike

我知道有很多类似的问题,但这种情况看起来很奇怪。 @font-face 对于 Internet Explorer 11 (Windows 7 Pro) 似乎被破坏了。具体来说,版本: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 在我测试过的所有其他浏览器(甚至是不同版本的 IE 11)中都可以正常工作,这可能是那个版本的 IE 的错误,我能做些什么来修复或进一步调试?

最佳答案

这可能与此 bug report 中描述的安全设置问题有关.

在 Internet 选项中转到:

  • 安全标签
  • 该区域的安全级别
  • 自定义级别
  • 下载
  • 字体下载

如果它被禁用,那么您需要启用它。

Screenshot of the Internet Options window. The Security tab is selected and the "Custom level..." button has a red box around it.

Screenshot of the Security Settings window. Font download's "Enable" option has a red box around it.

关于html - @font-face 不适用于特定版本的 Internet Explorer 11,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30174622/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com