Значки Icomoon (svg) не загружаются в Internet Explorer (т.е.)

Question

Я использую значки Icomoon для моего приложения jQuery Mobile/Python PyramidHo. В настоящее время я тестирую локальный хост, но проблема возникает и при развертывании. Они отлично работают для Chrome и Firefox. Они не отображаются в Internet Explorer 11. Насколько я могу судить, они даже не загружаются Internet Explorer.

Я прочитал как можно больше о проблеме без везения.

я поместил следующий мета-тег в верхней части моего тега

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

Я добавил html5 заточку:

<!--[if lt IE 9]> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"> </script> 
    <![endif]--> 

Мой ответ имеет следующие параметры:

response.cache_control.no_store = (bool) False 
response.pragma = None 

Я использую значок, например:

  <a href="demo_home" data-role="button" class="mp-menu-btn"> 
       <span class="mp-circle mp-bg-drkblue mp-menu-btn-icon-bg"></span> 
       <svg class="icon icon-home2 mp-menu-btn-icon"><use xlink:href="/static/graphics/icons/symbol-defs.svg#icon-home2"></use></svg> 
       <span class="mp-btn-text mp-font-xlg">Demos</span> 
      </a> 

Как я могу загрузить файл svg и значки, которые будут отображаться в Internet Explorer?

EDIT

После этого еще несколько отладок я могу ясно видеть запрос на значке файл SVG даже не получает к моему серверной пирамиде серверу. IE блокирует или игнорирует запрос.

Answer 1

Я пережил это раньше. IE игнорирует все внешние вызовы SVG. Легкий ответ - включить ваши <symbol> defs в тело вашего HTML. Так как эти <symbol> s все равно спрятаны, они не будут мешать другим элементам DOM. Тогда вам нужно будет xlink на текущую страницу.

<use xlink:href="#icon-home2"></use> 

Если вы претите мутит вашу прекрасную страницу с градом <symbols> (эй, это разумное омерзением), использовать svg4everybody и заставить IE, чтобы согнуть к вашему желанию.