글꼴이 표시되지 않는 이유를 어떻게 알 수 있습니까?CSS : Chrome에서 글꼴이 작동하지 않습니다.
저는 Chrome에 있습니다. 따라서 .ttf가 작동해야합니다. URL 표시 줄을 사용하여 파일을 탐색 할 수 있는지 확인 했으므로 사용 권한을 정상적으로 다운로드 할 수 있습니다.
이@font-face {
font-family: 'entypo';
src: url('/css/fonts/entypo.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
p { font-family: 'entypo'; }
에서 @ 글꼴 얼굴 블록 내에서 할 수 없습니다
은 내가 @ 글꼴 얼굴을 선언하는 페이지가 있습니다. 일반적인 방법은 CSS 파일의 맨 위에 놓는 것입니다.
귀하의 소스 :
#lookgram {
@font-face {
font-family: 'entypo';
src: url("/entypo.eot");
src: url("/entypo.eot?#iefix") format("embedded-opentype"), url("/entypo.woff") format("woff"), url("/entypo.ttf") format("truetype"), url("/entypo.svg#entypo") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'entypo_social';
font-style: normal;
font-weight: 400;
src: url("/css/fonts/entypo-social.woff") format("woff");
}
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
}
필자가 비슷한 문제가 있었다으로 크롬 웹 폰트에 관한 알려진 버그가 있습니다. 그것의 가치가있는 기사는 https://stackoverflow.com/questions/21984543/google-chrome-bug-website-not-displaying-text에있다. 이 기사는 어떻게이 버그가 발생했는지, 그리고 왜 그런지는 아닌 몇 가지 아이디어를 제공합니다.
희망이 있습니다.
니스. 나는 그것을했고, 나는 폰트 파일을 잘 다운로드 할 수있다. –
F12 키를 눌러 웹 속성을 엽니 다. '리소스'탭을 클릭하십시오. '프레임'을 펼치고 페이지의 이름을 따서 명명 된 폴더를 확장하십시오. 거기에 글꼴 폴더가 있습니까? 거기에 글꼴이 있습니까? 이제 '네트워크'탭을 엽니 다. 페이지를 새로 고침하십시오. 글꼴이 목록에 나타 납니까? 이렇게 몇 가지 검사를하면 문제가 무엇인지 쉽게 해결할 수 있습니다. – Barney
이론적으로 이것이 * 작동해야합니다. – SeinopSys