如何在我的MVC項目中本地包含OpenSans字體？

Question

我用的是OpenSans字體從谷歌的CDN：

@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'); 
} 

然而，當我的網站在SSL模式下運行（混合安全/非安全內容）這個產生的瀏覽器警告。

所以我寧願在我的應用程序中本地託管文件。

對於我的生活我無法得到這個工作。我無法在互聯網上找到任何可以下載.woff/.eot/.svg/.ttf文件包的人。我發現我可以從http://www.google.com/fonts下載.ttf文件，但沒有設法讓我的項目在本地工作&不確定文件是否足夠。

是否有一些地方可以下載這些字體包，以及如何將它們集成到我的項目中？

Answer 1

立即找到答案。我可以TTF文件上傳到這個網站轉換爲網絡字體：

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

Answer 2

這是一個老問題，但任何人都希望。

您需要在頁面上的所有請求中使用「https」而不是「http」。因此，其中「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'); 
}