字体未载入我的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

回答