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.
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
font-family: 'Orbitron', sans-serif;
Try this :
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