로컬 @ font-face 선언이 브라우저에서 렌더링되지 않았습니다.

로컬 글꼴이 @ 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 파일에서 다른 모든 것이도 노력하고 있습니다 .

출처

2016-09-24 Minardista

이 문제가 발생하는 페이지로 링크 할 수 있습니까? 나를 공격하는 한 가지는 일치하지 않는 글꼴 두께입니다. –

http://gprejects.com/forum/ - 오스왈드의 모든 것은 BebasNeueRegular 여야합니다. – Minardista

흥미 롭습니다. 그것이 잘못되었다는 것을 알지만, 무엇이 잘못되었는지 나는 알 수 없습니다. 콘솔에 아무것도 없습니다. h1 블록의 계산 된 스타일은 정상입니다. '@ font-face' 선언을 내 자신의 파일에 넣어두면 다른 도메인에서 호출해도 제대로 작동합니다. 나는 모른다. 이 문제는 나보다 나은 사람을 필요로합니다. –

Chrome 관리자에서 BebasNeue 글꼴 파일을 가져 오기위한 호출이 표시되지 않습니다. BebasNeue의 글꼴 모음 정의가 해당 페이지에서로드되고 있습니까?

출처

2016-12-22 21:40:38 Ringo

로컬 @ font-face 선언이 브라우저에서 렌더링되지 않았습니다.

답변

관련 문제