谷歌網頁字體不能在網絡服務器上工作

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); 
} 

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url('DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff'); 
}

我從谷歌css提供的網址下載字體，所以我可以使用它，而無需在線。該代碼在單擊.html文件並在瀏覽器中打開時起作用。但是，當我將所有文件放在本地Web服務器上時，它都不起作用。谷歌網頁字體不能在網絡服務器上工作

任何想法？請記住，我不會連接到互聯網。

來源

2011-06-20 Adam

你有你的文件在你的CSS文件相同的目錄嗎？我真的不知道Google是否嘗試過使用這些黑客來阻止人們下載字體文件..？ –

亞當有可能是這種行爲的各種原因如@Kyle建議

首先我會檢查的URL字體文件正確解析。從上面的CSS聲明看來，瀏覽器會希望該文件存在於CSS存在的同一目錄中

第二個和是的谷歌可能已阻止吸食/下載文件。唯一的方法來檢查這是首先使用從谷歌服務加載的字體'請注意文件的大小'，然後下載並檢查大小。如果它們是相同的，他們這樣做允許下載

三網絡字體必須是瀏覽器的具體位置是從自己

解釋當瀏覽器發出的字體API樣式表的請求（如在標籤中指定你的網頁），Font API提供了爲提出請求的特定用戶代理生成的樣式表。

所以每次你的瀏覽器請求你實際上是從下載目錄中的小CSS代碼片斷，然後將字體家族的字體

來源

2011-07-29 05:27:18 Deeptechtons

它纔怪字體工作計算機上精細打開HTML文件，但不與本地主機。你確定你正在複製所有字體文件並放置在同一個目錄中嗎？既然文件名太複雜了，可能是你的名字有些錯誤？你是否使用相同的瀏覽器？

不，沒有什麼比谷歌不讓下載文件。爲了確保，我已經從谷歌字體下載了一個字體（GloriaHallelujah），並使用以下代碼進行了測試。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Google font test</title> 
    <style type="text/css" media="screen"> 
    @font-face { 
     font-family: GloriaHallelujah; 
     src: url('GloriaHallelujah.ttf'); 
     } 
    h1 { font-family: GloriaHallelujah, helvetica, arial; }  
    </style> 
</head> 
<body> 
    <h1> Hello World </h1> 
</body> 
</html>

這項工作在桌面以及本地主機上都很好。也許你可以從here下載相同的字體，放置在同一個目錄下，然後在你的本地主機上測試並查看。

來源

2011-07-29 07:11:39 Roman

在我的Windows 7 IIS服務器上，我必須在MIME類型中添加woff才能使其工作。

來源

2012-08-02 14:07:54 Matt

谷歌網頁字體不能在網絡服務器上工作

回答

相關問題