2013-10-10 2 views
3

IE10에서 Open Sans 글꼴 렌더링에 문제가 있습니다. 글꼴은 Chrome 및 Firefox에서 올바르게 렌더링됩니다. IE 텍스트는 기본 글꼴로 렌더링됩니다. Google 글꼴 (http://www.google.com/fonts/specimen/Open+Sans)에서 글꼴을 다운로드했습니다. 여기에 CSS 코드 :IE에서 렌더링 Sans 글꼴 렌더링

@font-face { 
    font-family: 'Open Sans'; 
    src: url('fonts/OpenSans-Regular.ttf'); 
    font-weight: normal; 
} 

@font-face { 
    font-family: 'Open Sans'; 
    src: url('fonts/OpenSans-Bold.ttf'); 
    font-weight: bold; 
} 

답변

7

당신이 (당신이 그것을 '컨버터 .TTF .eot하기'를 구글 수) 변환기를 사용 .eot하는 .TTF을 변환 할 수 있습니다, IE는 .TTF 폰트 파일을 작동하지 않는 것 같은데, 글꼴 폴더에 업로드 한 다음 다음과 같이 사용하십시오 :

@font-face { 
font-family: OpenSans-Bold; 
src: url('fonts/OpenSans-Bold.eot'); /* IE */ 
src: local("OpenSans-Bold"), url('fonts/OpenSans-Bold.ttf') format("truetype"); /* non-IE */} 

@font-face { 
font-family: OpenSans-Regular; 
src: url('fonts/OpenSans-Regular.eot'); /* IE */ 
src: local("OpenSans-Regular;"), url('fonts/OpenSans-Regular.ttf') format("truetype"); /* non-IE */} 

나는 그것을 시도하고있다. 행운을 빕니다!!!

+0

[font-squirrel] (https://www.fontsquirrel.com/tools/webfont-generator)을 사용하여 다양한 글꼴 유형을 생성 할 수 있습니다. –