Internet Explorer의 Segoe UI 글꼴

Question

CSS 파일에 Segoe UI 글꼴을 사용하고 있습니다. 이 글꼴은 Chrome에서 제대로 렌더링되지만 IE와 Firefox에서는 기본 글꼴을 일부 위치에 표시합니다. 여기

는 CSS 코드

body { 
    margin:0px auto; 
    padding: 0 0 0px 0; 
    background-color:#eee; 
    font-family:"Segoe UI"; 
    font-weight: lighter; 
    font-size::11px; 
    color:#333; 
    overflow-y: scroll; 
} 
@font-face { 
    font-family:"Segoe UI"; 
src: url(images/font/SEGOEUI.eot) format("truetype") /* EOT file for IE */ 
} 
@font-face { 
    font-family:"Segoe UI"; 
src: url(images/font/SEGOEUI.ttf) /* TTF file for CSS3 browsers */ 
} 

Answer 1

대신 코드의 코드 시도입니다 :

body { 
    margin:0px auto; 
    padding: 0 0 0px 0; 
    background-color:#eee; 
    font-family:'Segoe UI' !important; 
    font-weight: lighter; 
    font-size:11px; 
    color:#333; 
    overflow-y: scroll; 
} 

@font-face { 
    font-family: 'Segoe UI'; 
    src: url('fonts/SEGOEUI.eot'); /* IE9 Compat Modes */ 
    src: url('fonts/SEGOEUI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('fonts/SEGOEUI.woff') format('woff'), /* Modern Browsers */ 
     url('fonts/SEGOEUI.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('fonts/SEGOEUI.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    }