4

Google의 Open Sans 글꼴을 사용하는 웹 페이지가 있습니다. 이 웹 페이지는 또한 상표 기호 (™)에 HTML 엔티티를 사용합니다. 인터넷 익스플로러 7 IE7이 산세 리프 글꼴로 serif로 상표권을 표시합니다.

는이 엔티티가 오픈 SAN을 사용하여 표시되지 않고, 그것은 고딕 폰트로 표시된다 :

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700" /> 
     <!--[if lte IE 8]> 
      <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400" /> 
      <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:700" /> 
     <![endif]--> 
     <style type="text/css"> 
     * { 
      font-family: "Open Sans", Arial, sans-serif; 
     } 
     </style> 
    </head> 
    <body> 
     <h1>This is trademarked&trade;</h1> 
     <p>This is trademarked&trade;</p> 
    </body> 
</html> 
: 여기 IE7 rendering trademark entity incorrectly

문제를 재생 짧은 페이지이며

엔티티 &#8482;을 사용하면 literal ™을 사용할 때와 동일한 문제가 발생하지만 이상한 점은 &reg; 엔티티가 올바르게 표시된다는 것입니다.

이 엔티티가 Open Sans에서 렌더링되도록하거나, 아니면 실패하면 sans-serif 글꼴로 렌더링 할 수 있습니까?

+0

내가 (가상 XP 머신에서) 그러나 IE 11, IE 6의 IE 7 에뮬레이션 모드에서 문제를 재현 할 수없는 것은 비슷한 문제를 전시 : 대신 "™ "어떤 글꼴에서도 글리프 (glyph)가 부족한 전형적인 증상 인 작은 직사각형이 나타납니다. 이것은 "š"와 같은 일부 다른 Windows-1252 문자에도 발생하지만 전부는 아닙니다. –

+0

IE11의 에뮬레이션 모드가 IE7의 문제에 100 % 충실하다고 확신하지 않습니다. 나는 그것이 이상한 것을 발견한다 ™와 함께 문제가있다. 그러나 나는 그들이 같게 취급 받았다고 생각했을 것 인 것에 따라 ®와 함께하지 않았다. IE7의 인코딩을 UTF-8, Windows-1252 및 ISO-8859-1로 변경하려고 시도했지만 아무런 차이가 없습니다. – DanielGibbs

+0

이 문제는 최신 버전의 Internet Explorer에서 나타 납니까? – Sampson

답변

2

모두 Open Sans & Arial에는 엔티티가 없으므로 브라우저는 기본값으로 시스템 글꼴을 사용합니다. 당신의 라인업에 몇 가지 다른 시스템 글꼴을 추가하십시오 :

font-family: "Open Sans", "Helvetica Neue", Helvetica, Calibri, Arial Unicode MS, Lucida Sans Unicode, DejaVu Sans, FreeSans, sans-serif;