Glyphicons disappear in IE 10

0

I'm having the following problem, I'm using the bootstrap Glyphicons. When I test in chrome or firefox, they work perfectly. But in IE10 they are disappearing, sometimes they just appear by hovering over them, but still, disappear again, what can be?

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><pdata-placement="top" data-toggle="tooltip" title="Visualizar" class="acoes-btn">
  <button ng-click="adiciona(tarefa)" class="btn btn-success btn-xs" data-title="Visualizar" data-toggle="modal" data-target="#visualizar">
                              <span class="glyphicon glyphicon-check"></span>
                              </button>
</p>
    
asked by anonymous 17.07.2017 / 17:10

1 answer

0

Insert and test with the meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=10" />

It's worth remembering that this meta tag comes before the other tags, for example:

<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta charset="utf-8">

link

Or try to activate the option to download fonts from the menu, under Internet options, enter the "Security" tab and click Custom level. Enable the "download fonts" option. Try again.

    
17.07.2017 / 20:21