2013-06-05 2 views
1

내 asp.net 웹 사이트의 CSS 파일을 통해 일부 글꼴을 포함하려고하지만 성공하지 못했습니다. 여기 asp.net에 글꼴 포함

는 CSS 코드입니다 :

@font-face { 
    font-family: Segoe UI; 
    src: url('SEGOEUI.ttf'); 
} 

@font-face { 
    font-family: Segoe WP; 
    src: url('SEGOEWP.ttf'); 
} 
body 
{ 
    background: Black; 
    font-size: .80em; 
    font-family:'Segoe WP'; 
    margin: 0px; 
    padding: 0px; 
    color: black; 
} 

그리고 CSS 파일과 글꼴은 모든 사이트의 루트에있는 스타일 폴더에 있습니다. IE10 및 Win7을 실행 중입니다.

이 기능이 작동하지 않는 이유는 무엇입니까?

UPDATE :이 같은 EOT에 글꼴을 변환하지 않고 그들에게 전화 한 :

@font-face { 
     font-family: 'Segoe UI'; 
     src: url('SEGOEUI.eot'); 
    } 

    @font-face { 
     font-family: 'Segoe WP'; 
     src: url('SEGOEWP.eot'); 
    } 

하지만 여전히 아무것도.

+0

열기 산세와 같은 이름을 사용 간격 따옴표와 글꼴은 구글 글꼴에 포장 등/포함하도록 구현 올바르게, Segoe과 그 사용이 허가 (에 매우 가까운 사소한입니다 Segoe와 다른) –

+0

@sd_dracula font-family : 'SegoeUI';;를 사용하면 어떨까요? 이름의 공백과 대시는 좋지 않을 수 있습니다. 또한 번들링을 사용하고 있습니까? 때로는 글꼴 소스 경로가 끊어 질 수 있습니다. – MikeSmithDev

답변

0

TTF는 IE에서 지원하지 않는 것 같습니다. http://www.w3schools.com/css3/css3_fonts.asp을 참조하십시오.

인터넷 익스플로러 9 +, 파이어 폭스, 크롬, 사파리, 오페라가 WOFF (웹 오픈 폰트 포맷) 글꼴을 지원합니다.

TTF (True 유형 글꼴) 및 OTF (OpenType 글꼴) 유형의 글꼴을 지원하는 Firefox, Chrome, Safari 및 Opera.

Internet Explorer는 EOT (Embedded OpenType) 글꼴도 지원합니다.

WOFF 또는 EOT가 귀하를 대신 할 수 있음을 의미합니다. 무료 온라인 글꼴 변환기가 많이 있습니다. http://www.font2web.com/ 또는 http://ttf2woff.com/을 사용해보십시오.

+0

위의 질문을 업데이트했습니다. –

0

IE에서는 실제 글꼴 이름을 지정해야합니다. 일부 변환기는 변환 후 글꼴을 생성기 마녀 IE에서 처리 할 수없는 이름을 지정해야합니다. 이 웹 사이트를 사용 http://www.font-face-generator.com/

font-family: "Segoe UI", Arial; 
+0

일부 비정상적인 동작이 발생합니다. 기본적으로 일부 컴퓨터는 글꼴을 감지하고 일부는 인식하지 못합니다 (일반적으로 Windows 8 컴퓨터). 작동하지 않을 때 추측합니다. 컴퓨터에 사전 설치된 글꼴이 있고 사용하지 않는다는 것을 의미합니다. 글꼴 - 얼굴 것들 –