CSS font-face가 작동하지 않습니다.

내 웹 사이트에 맞춤 글꼴을 추가하려고합니다. 나는 많은 것을 시도했지만 성공하지 못했습니다. 나는이 크로스 브라우저의 경우 아니라는 것을 알고CSS font-face가 작동하지 않습니다.

@font-face 
{ 
    font-family: myFirstFont; 
    src: url('ellis.ttf'); 
} 

body 
{ 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    cursor: default; 
    font-size: 11px; 
    line-height: 1; 
    font-family: myFirstFont,arial,san-serif; 
    overflow:auto; 
    background:#ecf6f7; 
}

,하지만 난 처음에 작업을 간단한 사례를 만들려고 노력하고 있어요 : 여기 내 CSS 코드입니다.

출처

2012-05-29 Rafael Sedrakyan

는 당신에게 당신의 글꼴의 경로가 올바른지 확인 있습니까? –

body font-family에서 다음과 같이 호출 해 봅니다 :'font-family : "myFirstFont";' – RSM

예 shure이고 이미 시도했습니다 –

은 font-family 선언 모두에서 음성 표식을 추가합니다. 반드시 모든 코드가 정확한지 확인하기 위해 시도하고 있는지이 아니 코드를 만드는 다른 방법

font-family: "myFirstFont";

을 또는 : : 또한

http://www.fontsquirrel.com/fontface/generator

그것을

그렇게 @font-face 및 body 모두에 추가 어리석은 소리 일지 모르지만 글꼴과 경로의 모든 철자가 올바른지 확인하십시오.

출처

2012-05-29 08:40:46 RSM

이것은 필요하지 않아야합니다 : http://www.css3.info/preview/web-fonts-with-font-face/ 더 논리적으로 보일지라도! –

마크를 추가해도 아무런 효과가 없었습니다. 이미 fontsquirrel 서비스를 시도했습니다. 작동하지 않습니다. –

글쎄, font-squirrel이 작동하지 않는다면 그 코드가 아닌 다른 것으로, 아마 경로 나 글꼴 문제 일 수도 있습니다. – RSM

글꼴 파일을 올바른 위치에서 참조하고 있습니까? 파일 ellis.ttf은 스타일 시트가있는 곳에서 참조됩니다.

http://website.com/page.html에 HTML 페이지가 있지만 http://website.com/css/page.css에 CSS가있는 경우 ellis.ttf은 http://website.com/css/ellis.ttf입니다.

출처

2012-05-29 08:44:09 Death

내 css 파일과 ttf 파일은 같은 폴더에 있습니다. –

내가 달리 제공 할 수있는 유일한 설명은 오래된 브라우저 (의심 스럽다)를 사용하고 있거나 .ttf 파일이 손상되었거나 부적절하게 업로드 된 것입니다. – Death

글꼴이 손상되었습니다. 전에 다른 글꼴을 사용해 보았지만 손상된 것 같아요. 도움을 주셔서 감사합니다 –

이 같은 글꼴을 적용 ..

@font-face 
{ 
    font-family: 'ellis'; 
    src: url('ellis.ttf'); 
} 
.body 
{ 
    font-family: "ellis"; 
}

출처

2012-05-29 11:16:00

코드를 설명해 주시겠습니까? – Manishearth

font-family 및 font name은 동일해야합니다 ... 귀하의 경우 글꼴 가족 myFirstFont 및 글꼴 이름 ellis.ttf를 사용하고 있습니다 –

게시물에서 수행하십시오. 코드 전용 답변은 권장되지 않으며 다운 voted 될 가능성이 큽니다. – Manishearth

CSS font-face가 작동하지 않습니다.

답변

관련 문제