@ font-face在一個文件中工作，而不是在另一個文件中

我在我的網站上使用@ font-face在我的樣式表中設置了自定義字體設置。它在我的主頁面上工作得很好，但如果我嘗試通過另一個不同目錄中的另一個html文件來讀取相同樣式表，所有樣式除了字體外都可以正常工作。@ font-face在一個文件中工作，而不是在另一個文件中

樣式表（style.css）和字體位於/ style /目錄中。 HTML文件是一個子目錄，和我讀使用這個樣式表：

<link href = "../style.css" type = "text/css" rel = "stylesheet"/>

再次，它會使用所有的造型的除了自定義字體。爲什麼？

2013-01-21 solr

@ font-face引用在哪裏？ – Mooseman

它引用我的/ type /目錄。「src：url（'type/ostrich-light-webfont.eot'）;」 – solr

正如一個答案所說，最好使用絕對URL，例如'http：// www.example.com/css/type/ostrich-light-webfont.eot' – Mooseman

您應該始終使用絕對URL（包含完整域名和所有內容）或相對於域根目錄（/path/to/font.ttf）的URL，以防止混淆字體是否相對於樣式表或文檔加載。

2013-01-21 00:44:51

回答