问题描述:

I'm using Bourbon, which produces the following code.

The problem is that no text is shown in Internet Explorer 11 on Windows 7. It works fine with all the other browsers I've tried (Internet Explorer 11 on Windows 8.1 for example).

The problem is in font-feature-settings: "kern","liga","pnum"; line, generated automatically by Bourbon/Neat I guess.

Should I remove it, or is there a better solution? I really have no clue on what is going on, I was only able to spot the problematic line.

<!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>

网友答案:

Try this :

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

Rather than giving font for the whole body, define a class with <div> element and and add it just below the body tag.

网友答案:

See my answer: MSIE 10, web font and font-feature-settings causes invisible text

A bug in Windows 7 is causing text to disappear in IE10 and IE11 when the font-feature-settings css property is used. https://connect.microsoft.com/IE/feedbackdetail/view/831964

相关阅读:
Top