MVC 4谷歌字體 - 內聯網

我有一個MVC4 4 Bootstrap項目，通過Visual Studio 2010本地完美呈現，但是當我發佈到內部IIS用於我們的內聯網時，我無法訪問資源http://fonts.googleapis.com/css?family=Montserrat:400所以有人可以解釋我如何本地化這個遠程資源，以便IIS在本地引用它。MVC 4谷歌字體 - 內聯網

任何幫助，將不勝感激:-)

來源

2014-07-04 iggyweb

要本地化的谷歌字體我添加了地址http://fonts.googleapis.com/css?family=Montserrat:400到我的瀏覽器地址欄中，它返回一個css文件。

@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot); 
    src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff'); 
}

我加入從上面的CSS每個URL到其下載的相關.eot和.woff文件我的地址欄。我只是用更合理的名稱重命名下載的文件，並將這些文件複製到/ Content/fonts目錄中。

然後，我將下列內容加入到我的boostrap.css文件中。

@font-face { 
    font-family: 'Montserrat'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(fonts/montserrat-400.eot); 
    src: local('Montserrat-Regular'), url(fonts/montserrat-400.eot) format('embedded-opentype'), url(fonts/montserrat-400.woff) format('woff'); 
}

變戲法似的，所有的字體正確地呈現內部IIS服務器上。

來源

2014-07-04 15:40:00 iggyweb

這個答案的問題是，谷歌使用瀏覽器嗅探來檢測您的瀏覽器，然後根據它認爲您的瀏覽器將喜歡的字體類型呈現正確的樣式表。例如，如果您將該鏈接粘貼到舊的IOS設備中，它會爲您提供不同的樣式表，將其放入IE8瀏覽器中，而另一個樣式表將使用不同的字體顯示。這不是一個好的答案。在谷歌API上做你的功課，你的網絡上的任何人可能會有一箇舊的瀏覽器，新的或舊的IOS設備可能，每個都需要正確的樣式表。 –

將此代碼放在head標籤

<link href='http://fonts.googleapis.com/css?family=Montserrat:400' rel='stylesheet' type='text/css'>

來源

2014-07-04 14:25:48 gsiradze

這是，但這個項目運行在我們的Intranet IIS服務器上，外部訪問被拒絕，所以我無法訪問資源。 – iggyweb

我有一個類似的問題與字體真棒下面列出的是我目前的捆綁價值，這解決了問題，與其他參考資料，從字體，Awesome.css文件

bundles.Add(new StyleBundle("~/Framework/libs/vendor/font-awesome/4.4.0/css/font-awesome").Include(
      "~/Framework/libs/vendor/font-awesome/4.4.0/css/font-awesome.css"));

時的路徑是相對的實際font-awesome css文件相對於eot，tff和woff文件的路徑也將變得正確。

來源

2017-07-10 22:22:34

MVC 4谷歌字體 - 內聯網

回答

相關問題