2010-04-26 5 views
4

이것은 CSS 코드@ font-face가 클라이언트 사이트에서 작동하지 않습니까?

@font-face { 
    font-family: 'FuturaStdBook'; 
    src: url('site/font-face/futurastd-medium-webfont.eot'); 
    src: local('☺'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webfont') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

h2 {font-family:'FuturaStdBook', sans-serif} 

은이 MIME 타입에 관련 될 수있다?

내 경로가 올바른지 확인하려면 어떻게해야합니까?

+0

제공되는 MIME 유형은 무엇입니까? 어떤 OS의 어떤 브라우저입니까? –

+0

브라우저 전체, OS Windows –

+0

모든 글꼴 파일 확장자에 대해 MIME 유형을 지원해야합니까? –

답변

15

IIS를 사용하는 경우 .eot 확장명에 MIME 형식을 등록해야합니다. 는 MIME에서 IIS 관리자에서

  1. 의 IIS 섹션에서, MIME 형식 구성 "작업"에서
  2. 를 열 확장 상자에 .otf 입력 "추가 ..."
  3. 을 클릭 한 application/octet-stream 입력 상자.
  4. 클릭
OK

당신이 사용하는 각 비표준 확장을 위해이 작업을 수행해야합니다 (.ttf이 이미 .woff가 아닌 등록),하지만 그것을 어떻게해야!

+0

+1이 정보를 제공해 주셔서 감사합니다. 예. IIS를 사용하고 있습니다. –

+0

실제로 지난주에 들어 봤습니다. IIS는 파일을 제공하는 방법을 모르기 때문에 요청이 404로 끝납니다. –

1

font-face 선언에 font-weightfont-style의 정의가 있습니다. h2 요소는 굵게 글꼴에 기본적으로 정의되어 있기 때문에 글꼴에 대한 선언은 이러한 요소에 고려되지 않습니다 (브라우저에서 생각하기 때문에 글꼴 파일은 보통 가중치의 경우에만 이며 이는 사실 일 것입니다).).

솔루션 : 당신은 또는 당신이 font-weight:normalfont-style: normal을 가지고 H2 요소를 설정에서 font-weight: bold와 두 번째 글꼴 얼굴 선언이 필요합니다.

+0

여전히 작동하지 않습니다. 어떻게 경로가 정확하고 폰트 페이스가 제대로로드되고 있는지, 문제가 다른 것인지 확인할 수 있습니까? –

+2

파이어 버그를 사용합니까? '예'인 경우 '네트워크'탭에서 글꼴을 다운로드 했습니까? 올바른 URL입니까? – Boldewyn

+1

... 응답 헤더는 무엇입니까? 대답을 찾는 데 도움이되도록 질문을 업데이트 할 수 있습니다. – Boldewyn

2

Font Squirrel을 사용해 사용자 정의 글꼴에 대한 방탄 CSS 선언을 가져보십시오.

+0

나는 이미 사용하고있다. –

관련 문제