1
로컬 글꼴이 @ font-face 선언에 의해로드되지 않지만 외부 웹 글꼴 (Google)이 완벽하게 작동하는 문제가 계속 발생합니다.로컬 @ font-face 선언이 브라우저에서 렌더링되지 않았습니다.
필자의 글꼴 - 얼굴 선언에 사용 된 구문이 Google의 WebFont 선언과 동일하지만 작동하지 않는 것은 사실이 아닙니다.
다음 단계는 물론 로컬 글꼴 파일의 경로가 올바른지 확인하는 것입니다. @ font-face 선언에 사용 된 URL을 복사하여 붙여 넣으면 글꼴 파일이 내 컴퓨터로 다운로드되고 경로가 유효해야합니다.
또한 글꼴 파일에 대한 사용 권한을 확인했습니다. 이것들은 모두 0755로 설정되어 있습니다. 이것은 모든 브라우저에서 읽기에 적합해야한다고 생각합니다.
일부 배경 정보; 이것은 우분투 14.04 및 백엔드 용 nginx를 실행하는 웹 서버입니다. 의도 한대로
CSS
@font-face {
font-family: 'BebasNeueRegular';
font-style: normal;
font-weight: normal;
src: url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.woff) format('woff'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.ttf) format('truetype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
}
h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h6 a {
color: #333333;
font-family: 'BebasNeueRegular','Oswald','Arial','Helvetica',sans-serif;
font-weight: 200;
line-height: normal;
margin: 0 0 10px;
-webkit-font-smoothing: antialiased;
}
오스왈드는 구글 WebFont이며 대체로 제대로 작동 공지 사항 및 @ 글꼴 얼굴 선언과 같은 CSS 파일에서 다른 모든 것이도 노력하고 있습니다 .
이 문제가 발생하는 페이지로 링크 할 수 있습니까? 나를 공격하는 한 가지는 일치하지 않는 글꼴 두께입니다. –
http://gprejects.com/forum/ - 오스왈드의 모든 것은 BebasNeueRegular 여야합니다. – Minardista
흥미 롭습니다. 그것이 잘못되었다는 것을 알지만, 무엇이 잘못되었는지 나는 알 수 없습니다. 콘솔에 아무것도 없습니다. h1 블록의 계산 된 스타일은 정상입니다. '@ font-face' 선언을 내 자신의 파일에 넣어두면 다른 도메인에서 호출해도 제대로 작동합니다. 나는 모른다. 이 문제는 나보다 나은 사람을 필요로합니다. –