字體未載入我的HTML頁面

我在我的CSS文件中有此代碼。字體未載入我的HTML頁面

style.css 

@font-face { 
    font-family: "KTishk"; 
    src: url('../fonts/KTishk.ttf'); 
    }

，這是我的網頁的結構

我的問題：在index.html頁面，CSS和字體加載正確的工作，但在的test.html（位於子文件夾的目錄）中，CSS加載但字體未加載和ISN不適用。

用於加載樣式表的代碼：

index.html 

<link rel="stylesheet" href="css/style.css?version=2" > 

test.html 

<link rel="stylesheet" href="../css/style.css?version=2" >

2017-03-04 Tofiq

這不應該有所作爲。瀏覽器中的開發者工具是什麼意思？查看網絡標籤：URL是否正確加載？看看控制檯：是否有錯誤消息？看一下Elements Inspector：是否應該應用該規則，該字體系列真正應用於您認爲應該是的元素？規則是否被別的東西覆蓋了？ – Quentin

-1

做這個

@font-face { 
    font-family: Griffy; 
    src: url(Griffy-Regular.ttf); 
    font-style: italic; 
} 
body { 
    font-family: 'Griffy', cursive; 
}

，你還需要指定粗體，斜體等供您參考beautiful-fonts-with-font-face和w3-font-resource

2017-03-04 09:23:32 hardik

此代碼無效 – Tofiq

您給'@ import'的URL需要是樣式表的URL。 – Quentin

@Tofiq試試這個，它可能會幫助 – hardik

-1

你應該使用asbolute路徑（在/開頭）。你的情況，這應該工作：

@font-face { 
    font-family: "KTishk"; 
    src: url('/fonts/KTishk.ttf'); 
}

2017-03-04 10:19:12 Fabio

解析爲*相同的* URL。它應該沒有區別。（樣式表中的URL與樣式表相關，而不是HTML文檔）。 – Quentin

那麼，在我回答結尾處鏈接的頁面上寫的是什麼？ – Fabio

這是對的，但與手頭的問題無關。該URL中的文檔描述瞭如何正確使用文件路徑。問題中的代碼已正確使用文件路徑。 – Quentin

回答