는 @ 글꼴 얼굴 작업 글꼴을 가져올 수 없습니다

Question

나는 글꼴 파일을 다운로드 한 후 내 글꼴에 대한 CSS를 생성하는 구글이 도우미를 웹 글꼴 사용하고 있습니다 :

@font-face { 
font-family: 'Lato'; 
font-style: normal; 
font-weight: 400; 
src: local('Lato Regular'), local('Lato-Regular'), 
     url('../Content/fonts/lato-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
    url('../Content/fonts/lato-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 
} 

:

https://google-webfonts-helper.herokuapp.com 나는 다음을 생성

body { 
font-family: 'Lato', sans-serif; 
margin-bottom: 90px; 
font-weight: 500; 

,691 :

내 글꼴 파일은 내가 글꼴과 같이 참조

~/컨텐츠/글꼴에 저장됩니다

}

그러나 내가하는 일과 상관없이 글꼴의 작동을 얻을 수 없습니다. 크롬에서 계산 된 폰트 패밀리를 확인한 결과 Lato로 설정되었습니다. 다른 브라우저에서도 작동하지 않습니다.

Answer 1

귀하의 URL이 맞다고 생각하지 않습니다.

url('../Content/fonts/lato-v11-latin-regular.woff2')

이것은 당신의 CSS 파일이있는 곳에서, 다시 하나의 디렉토리, 다음 foler Content/fonts로 이동 이동하지만 글꼴이 ~/Content/fonts에 저장되는 경우 CSS는 두 개의 하위에 저장되어 있음을 의미 폴더 예 /~/assets/css/mycssFile.css 예를 들어 귀하의 URL이 작동하지 않습니다.

당신은 더 나은 당신이 시도 할 수 귀하의 웹 사이트의 루트 디렉토리를 사용하거나 것 url('/Content/fonts/lato-v11-latin-regular.woff2')을 시도 할 수 있습니다 :
url('/../Content/fonts/lato-v11-latin-regular.woff2') 루트 디렉토리, 및 시도로 이동 말해 하나 개의 폴더 추가 보장해야하는 돌아갈 것이다 당신은 루트 디렉토리를 얻는다. 이들 중 어느 것도 문제를 해결하지 못하면 문제는 URL이 아니라 다른 것입니다.