如何使@ font-face與IE9一起工作「中高」安全設置

我在政府網絡中工作，其中安全設置由IT管理。我們也限制在我們所有的機器上使用IE9。我爲學生開發用於課程內容（我們是學校）的網絡應用程序，所以我儘量讓網頁看起來儘可能現代，以免讓學生感到困惑。我們的機器甚至沒有Helvetica，我們教平面設計。如何使@ font-face與IE9一起工作「中高」安全設置

直到最近，我還是試圖讓我的學校頁面上有@字體工作的希望。那是......直到我發現Prezi。如果您訪問的網址爲http://prezi.com且IE9和互聯網網站安全設置設置爲「中等高度」，則認爲該網站仍然直接從fonts.googleapis網站直接在頁面上加載其「PT Sans」字體。當我發現這一點時，我實際上花了整整24小時嘗試對他們的方法進行逆向工程，無法使用我的異地服務器進行復制，然後在接下來的24小時內追蹤Prezi的前端開發人員，看看是否他們可以讓我介入他們的祕密（嘿，這是政府，我們有空閒時間），所有這些都無濟於事。

看到普雷茲想出來的希望之光已經讓我變得對這個問題癡迷。我在一年的時間裏嘗試了所有的技巧並修復了互聯網。我仍然無法工作。

Prezi用途：

<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin-ext,cyrillic-ext' rel='stylesheet' type='text/css'>

從他們的索引頁，它返回這個調用字體：

@font-face { 
    font-family: 'PT Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/mqvGe0REcQNb_tfYSePALA.eot); 
    src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/mqvGe0REcQNb_tfYSePALA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/jduSEW07_j4sIG_ERxiq4Q.woff) format('woff'); 
} 
@font-face { 
    font-family: 'PT Sans'; 
    font-style: normal; 
    font-weight: 700; 
    src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/1FvfuwkSjtdD3II7O-pVp_esZW2xOQ-xsNqO47m55DA.eot); 
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/1FvfuwkSjtdD3II7O-pVp_esZW2xOQ-xsNqO47m55DA.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v5/HXiERDIZdwFzjXlbcMq7XPesZW2xOQ-xsNqO47m55DA.woff) format('woff'); 
}

然後，他們只是用FONT-FAMILY使用它像一個普通的Web字體： 'PT Sans'; ！

我可以在本地html文件上覆制整個事物，因爲Intranet頁面的安全設置低於常規Internet頁面。但我沒有授權爲我的應用程序使用Intranet。

Prezi是怎麼做到的！他們可以做些什麼來使其在他們的網站上工作？ Prezi前端開發者沒有迴應我的Facebook，Twitter，電子郵件或語音郵件。 Prezi軟件顯然是專有的，但這是他們網站上的網頁，而不是他們的軟件產品。

我的IT人員也沒有幫助，告訴我我已經知道的事情，比如「中高」安全設置阻止@ font-face，杜（但顯然他們沒有，因爲Prezi做了它）。他們當然有更大的魚要炒。作爲奶嘴，他們將Chrome和FF推到我的隔間。他們處理的大部分內容是「我的屏幕是黑色的」或「我的桌面」類型的問題。

因爲我的問題對我的環境，建築和情況如此特殊，所以這真的是一個黑暗中的鏡頭。我真的花了超過24小時對Prezi的主頁進行了逆向工程，結果無濟於事。這是浪費時間。

當沒有其他網站，甚至http://www.google.com/fonts在我們的機器上不顯示字體時，他們如何能夠繞過我的網絡安全設置？

注意：我很抱歉的健談。已經是上午1點，已經有37個小時了。

來源

2013-07-06 Kyle Ramirez

我認爲基本問題是IE不會讓你從另一個域下載。爲了解決它，你可以在你自己的服務器上託管字體。這裏的基本設置：

下載您的TTF字體文件（在谷歌的字體，你可以通過添加字體到您的收藏，然後點擊向下箭頭在集合「使用」 sceen的右上角下載）
整容上到Font Squirrel和使用他們的「web字體生成器」來創建各種permutations needed

從字體松鼠創建方便的示例頁面的頂部複製@字體面的代碼，並把它變成你的CSS文件。它會是這個樣子：

@font-face { 
    font-family: 'PTSans'; 
    src: url('PTSans-regular-webfont.eot'); 
    src: url('PTSans-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('PTSans-regular-webfont.woff') format('woff'), 
     url('PTSans-regular-webfont.ttf') format('truetype'), 
     url('PTSans-regular-webfont.svg#PTSansregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

上傳多了，你應該設置去。

注意：這隻適用於「中高」安全設置（和更低）。如果你被困在'高'你堅持與Windows默認字體。

來源

2014-06-17 06:59:04 botheredbybees

如何使@ font-face與IE9一起工作「中高」安全設置

回答

相關問題