首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >@字体-不使用特定版本的11

@字体-不使用特定版本的11
EN

Stack Overflow用户
提问于 2015-05-11 18:05:54
回答 4查看 33.5K关注 0票数 20

我知道有很多类似的问题,但这种情况看起来真的很奇怪。@字体-脸似乎是打破了11 (Windows 7 Pro)。具体来说,版本:11.0.9600.17728,更新版本:11.0.18

@字体-face在Chrome、Firefox、Safari、Opera ( Linux和Windows都适用)上运行良好。事实上,它甚至在Internet版本上工作:11.0.9600.17633,更新版本:11.0.16,它也运行在Windows7上的另一台机器上。

开发人员控制台中没有任何东西表明获取字体有任何问题。我已经将html/css简化为一些非常基本的东西来重现问题。在下面的情况中,两个自定义字体都不能工作(对于特定的IE版本):

代码语言:javascript
复制
<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>

...and CSS:

代码语言:javascript
复制
@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;
}

你可以找到那个在这里运行的代码

如果我使用IE版本查看该页面会导致问题,文本字体将是默认的,而不是图标,您将只看到span标签中的字母。

鉴于@字体-face在我测试过的其他浏览器(甚至不同版本的IE 11)中都能工作,这可能是IE版本的缺陷吗?我还能做些什么来进一步修复或调试吗?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-05-11 18:17:59

这可能与安全设置的问题有关,如本错误报告中所述。

在因特网选项中:

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

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

票数 16
EN

Stack Overflow用户

发布于 2018-03-09 19:04:08

如果问题是“@字体-face不使用特定版本的11”

检查字体可嵌入性:可安装性

如果它不是可嵌入的:可安装的添加可安装字体,那么它将完美地工作。

票数 2
EN

Stack Overflow用户

发布于 2018-07-05 10:01:12

这个问题可能与在的特定版本上使用HTTPS有关。我发现,运行在Win 7上的版本11.0.9600.19035、更新版本11.0.65也受到影响。

尽管谷歌声明支持版本的6+,但它们的字体受影响的方式与上面描述的相同。

通过HTTP提供字体将带来“混合内容”警告。接受警告后,字体将显示在受影响的IEs上,而不显示在未受影响的IEs上。

目前,我还没有找到解决办法,甚至无法通过HTML/CSS/JavaScript来检测受影响的版本。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30174622

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档