@ font-face가 정상적으로 동작하지 않습니다.

그래서 저는 정말로 깔끔한 서체를 사용합니다. 그러나 전에는 @ font-face에 전혀 문제가 없었습니다. 그러나 이것들은 작동하지 않습니다. 무엇이 잘못되었는지 :( 어떤 아이디어@ font-face가 정상적으로 동작하지 않습니다.

경로 CSS에 : http://carlpapworth.com/friday-quiz/css/style.css

경로 Fontsfolder에 :. http://carlpapworth.com/friday-quiz/css/fonts

@font-face { 
font-family: silverfake; 
font-weight: 100; 
font-style: normal; 
src: url('fonts/silverfake.otf'); 
} 

@font-face { 
font-family: molesk; 
font-weight: 100; 
font-style: normal; 
src: url('fonts/molesk.otf'); 
} 

@font-face { 
font-family: ballpark; 
font-weight: 100; 
font-style: normal; 
src: url('fonts/ballpark.TTF') format("truetype"); 
}

출처

2013-03-19 Carl Papworth

당신이 여기 글꼴 키트 http://www.fontsquirrel.com/tools/webfont-generator을 업로드 및 다운로드 후 그냥 붙여 넣기를 복사 할 수 있습니다 자신의 CSS를 다운로드 폴더 –

여기에서 내 대답을 확인하십시오 : http://stackoverflow.com/questions/14287465/font-face-not-loaded/14287894#14287894 몇 가지 이유가있을 수 있습니다. – 97ldave

글꼴 폴더 없음 : "요청한 URL/friday-quiz/css/fonts를이 서버에서 찾을 수 없습니다." –

당신은 아마 제대로 글꼴에 연결하지 않은 을 그것은 일반적으로 작은 뭔가 예 :

src: url('../fonts/silverfake.otf');

src: url('fonts/silverfake.otf');

fontsquirrel webfont generator을 사용하여 모든 것이 올바르게 연결되고 브라우저 친화적인지 확인하십시오.

출처

2013-03-19 09:13:58 Jefferson

자신의 경우에는 그렇지 않습니다. 그의 링크를 참조하십시오. –

링크를 통해 로그인해야합니다. 그들을 체크 아웃 할 수 없었다. – Jefferson

나도 마찬가지지만 그의 글꼴 폴더가 css 폴더 안에 있다는 것을 알 수있다. –

점점 Molesk의 작업에 대한 답변이 적어도 찾았

@font-face { 
font-family:"molesk"; 
src:url("molesk.eot?") 
format("eot"),url("molesk.woff") 
format("woff"),url("molesk.ttf") 
format("truetype"),url("molesk.svg#molesk") 
format("svg"); 
font-weight:normal; 
font-style:normal;}

출처

2013-03-19 09:14:19

@ font-face가 정상적으로 동작하지 않습니다.

답변

관련 문제