Internet Explorer에서 Javascript 글꼴 주입

Question

로드 한 후 페이지에 Google 글꼴을 추가하려고합니다. 내가 URL을 크롬에서 잘

같은

"<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=..."; 

작품을 보이는이 줄

document.getElementsByTagName('head')[0].innerHTML = 
document.getElementsByTagName('head')[0].innerHTML + url; 

를 사용하고, 파이어 폭스, 아이폰에 안드로이드, 사파리 크롬.

그러나 IE에서 테스트 할 때 탭이 충돌합니다. Microsoft 및 모든 것에 대한 버그보고. 2 개의 다른 PC, IE 8, IE 10, Win7 및 Win8에서 동일한 결과로 테스트되었습니다.

대체품?

Answer 1

머리에 간단히 추가하지 않으시겠습니까?

<link href='http://fonts.googleapis.com/css?family=....' rel='stylesheet' type='text/css'> 

Answer 2

그런 다음 CSS를 통해이 스타일을 추가 당신은 단지 실제 코드에 글꼴을 추가 할 수 있습니다 .appendChild

var head = document.getElementsByTagName("head")[0]; 
var content = document.createTextNode("<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=..."); 
head.appendChild(content); 

Answer 3

를 사용할 수 있습니다

<script> 
    var style = document.createElement('style'); 
    style.innerHTML = 'elements-to-add-font-to{font-family: "font name";}'; 
    document.getElementsByTagName('head')[0].appendChild(style); 
</script> 

http://jsfiddle.net/Hive7/PFF2A/