爲什麼我不能實現@ font-face？

-2

我的問題是，使用@font-face時，自定義字體不顯示。爲什麼我不能實現@ font-face？

我的CSS是在它自己的文件中引用和代碼是：

@font-face { 
    font-family: 'MerceariaAntique'; 
    src: url('type/mercearia_new/21319b_0_0-mercearia.eot'); 
    src: url('type/mercearia_new/21319b_0_0-mercearia.eot?#iefix') format('embedded- opentype'), 
     url('type/mercearia_new/21319b_0_0-mercearia.woff') format('woff'), 
     url('type/mercearia_new/21319b_0_0-mercearia.ttf') format('truetype'), 
     url('type/mercearia_new/21319b_0_0-mercearia.svg#webfontuploaded_file')  format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    }

在我的HTML文件我已經提到它旁邊的主CSS文件中的以下內容：

<link rel="stylesheet" type="text/css" media="all" href="css/fonts.css" />

我懷疑我不正確地引用它，但我無法找到如何正確引用它。

來源

2012-09-06 tomdot

到現場演示將是有益的鏈接。 – duri

我同意。您的代碼看起來不錯，現場示例可能會幫助我們確定問題存在的位置。 –

好吧，如果我今晚晚些時候沒有解決問題，我會發佈一個實例。謝謝 – tomdot

什麼是你的文件夾結構WebFont Loader？如果你調用一個文件夾「CSS」裏面的CSS，你必須指出的正確路徑的自定義字體這樣的「../」

src: url('../type/mercearia_new/21319b_0_0-mercearia.eot');

來源

2012-09-06 19:55:18 Hareesh

這是我不能嘗試，因爲我剛剛離開計算機，但他們沒有像你的例子引用（你可以看到） – tomdot

把你的字體放在''類型'' - >'「的根目錄下mercearia_new「'文件夾並檢查 – Hareesh

這是正確的答案 - 我沒有實現url的非常簡單的」../「部分。謝謝哈雷什！ – tomdot

這裏有一個如何使用@字體面的例子：我假設你已經檢查字體文件電子路徑和它們是正確的

@font-face { 
    font-family: "Example Font"; 
    src: url("http://www.example.com/fonts/example"); 
} 
h1 { 
    font-family: "Example Font", sans-serif; 
}

。我還假設你已經檢查了你的錯誤控制檯的任何CSS警告或錯誤，如找不到文件。

嘗試雙重檢查您的代碼中將字體分配爲font-family的位置。

此外，font-face參考：http://reference.sitepoint.com/css/at-fontface

UPDATE：嘗試從谷歌

來源

2012-09-06 19:50:14

我不明白那是不符合他的例子的。 – Chris

我沒有說它不符合，但我確實包含了一個賦值給h1。你從你的問題中忽略了這一點。這可能會有所幫助。 @ font-face定義中的字體文件鏈接是否正確？嘗試引用它們包含像這樣的URL：http://domain.com/css/font.css，而不是隻是css/font.css –

對不起，我沒有這樣做。但是，如果使用本地名稱，我可以正確調用字體，因爲我可以顯示該字體。只要我嘗試使用字體名稱調用，就會中斷。我也嘗試了一個完整的URL，但沒有成功。 – tomdot

爲什麼我不能實現@ font-face？

回答

相關問題