@ 글꼴 - 얼굴이 작동하지 않습니까?

로컬로 작동하는 글꼴 - 얼굴 스타일을 얻는 데 문제가 있습니다. font-squirrel에서 다운로드 한 폴더가 제대로 렌더링 될 때 로컬로 작동해야한다는 것을 알고 있습니다. 정확히 fontsquirrel에서 제공하는 동일한 폴더 구조로@ 글꼴 - 얼굴이 작동하지 않습니까?

필자의 복사 및 붙여 넣기 모든 ...

CSS

@font-face { 
font-family: 'URWClassicoItalic'; 
src: url('urw_classico_italic-webfont.eot'); 
src: url('urw_classico_italic-webfont.eot?#iefix') format('embedded-opentype'), 
    url('urw_classico_italic-webfont.woff') format('woff'), 
    url('urw_classico_italic-webfont.ttf') format('truetype'), 
    url('urw_classico_italic-webfont.svg#URWClassicoItalic') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

#primary-navigation {font-family: 'URWClassicoItalic'; font-size:2em}

HTML

<div id="primary-navigation">TEST</div>

내 글꼴 파일의 모든 루트에, 내 색인 파일과 같은 디렉토리.

어떤 도움이 화려한 것, 감사합니다

출처

2011-08-01 Liam

humm ... 나는 항상 브라우저가 클라이언트 OS에 로컬로 설치된 글꼴을 사용한다고 생각했다 – heximal

또한 루트 디렉토리의 css 파일입니까? 아니면이 스타일이 인덱스 파일에 구현되어 있습니까? – Semyazas

내 CSS 파일이 포함 된 폴더에 없습니다. 해당 CSS 파일이있는 폴더에 상대적인 font-face URL을 구현해야 할 경우 – Liam

별도의 CSS 파일에 지정된 글꼴 얼굴 URL은 예를 들어이 CSS

에 상대 URL이 있어야합니다 @ :

src: url('../urw_classico_italic-webfont.eot');

을 CSS 파일이 폰트 파일이 저장된 폴더보다 한 레벨 위에있는 경우.

출처

2011-08-01 13:13:50 Semyazas

@ 글꼴 - 얼굴이 작동하지 않습니까?

답변

관련 문제