Windows 7 上的 IE 11 中的文本消失答案

【问题标题】：Text disappearing in IE 11 on Windows 7Windows 7 上的 IE 11 中的文本消失
【发布时间】：2015-10-26 19:25:19
【问题描述】：

我正在使用 Bourbon，它会生成以下代码。

问题是在 Windows 7 上的 Internet Explorer 11 中没有显示任何文本。它适用于我尝试过的所有其他浏览器（例如 Windows 8.1 上的 Internet Explorer 11）。

问题出在font-feature-settings: "kern","liga","pnum"; 行，我猜是由 Bourbon/Neat 自动生成的。

我应该删除它，还是有更好的解决方案？我真的不知道发生了什么，我只能发现有问题的线路。

<!doctype html>
<html>
<head>  
    <meta charset="utf-8">
    <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
    <style>
        body {
            font-family: 'Orbitron', sans-serif;
            font-feature-settings: "kern","liga","pnum";
        }
    </style>
</head>
<body>
    Test
</body>
</html>

【问题讨论】：

IE10 和 11 on Windows 7 在某些情况下可以隐藏文本。访问caniuse.com/#feat=font-feature，有简要说明。
MSIE 10, web font and font-feature-settings causes invisible text的可能重复

标签： css internet-explorer fonts bourbon

【解决方案1】：

试试这个：

https://jsfiddle.net/aakashshah/sLc2nmnq/2/

与其为整个正文提供字体，不如定义一个带有<div> 元素的类并将其添加到正文标记的下方。

【讨论】：

【解决方案2】：

看我的回答：MSIE 10, web font and font-feature-settings causes invisible text

当使用 font-feature-settings css 属性时，Windows 7 中的一个错误导致文本在 IE10 和 IE11 中消失。 https://connect.microsoft.com/IE/feedbackdetail/view/831964

【讨论】：