내 MVC 프로젝트에 로컬로 OpenSans 글꼴을 포함시키는 방법?

Question

나는 구글의 CDN에서 OpenSans 글꼴을 사용했다 : 내 사이트 (보안/비보안 내용을 혼합) SSL 모드에서 실행할 때

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('TrueType'); 
} 

그러나이 브라우저 경고를 생성합니다.

그래서 내 응용 프로그램에서 파일을 로컬로 호스팅하고 싶습니다.

내 인생에서 나는이 일을 할 수 없다. 인터넷에서 .woff/.eot/.svg/.ttf 파일 패키지를 다운로드 할 수있는 사람을 찾을 수 없습니다. http://www.google.com/fonts에서 .ttf 파일을 다운로드 할 수 있지만 내 프로젝트에서 로컬로 작업하도록 관리하지 못했습니다. & 파일이 충분한 지 확실하지 않습니다.

이러한 글꼴 패키지를 다운로드 할 수있는 곳이 있습니까? 어떻게 내 프로젝트에 이러한 글꼴 패키지를 통합 할 수 있습니까?

Answer 1

즉시 답변을 찾았습니다. 나는 웹 글꼴로 변환이 웹 사이트에 TTF 파일을 업로드 할 수 있습니다 :

이

http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

이 오래된 질문이지만 찾는 사람을 위해.

페이지의 모든 요청에서 "http"대신 "https"를 사용해야합니다. 따라서 "http : //themes.googleusercontent.com"인 경우 "https : //themes.googleusercontent.com"이어야합니다.

@font-face { 
     font-family: 'Open Sans'; 
     font-style: normal; 
     font-weight: 400; 
     src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('TrueType'); 
}