如果字体与CSS文件不在同一文件夹中，则无法制定CSS @字体规则。
我试图用一个数字时钟制作一个简单的网页，并下载了一个“数字”字体。当我将字体放在与CSS文件相同的文件夹中时，它是可以工作的，如下所示：
@font-face {
font-family: Digital;
src: url('digital.ttf');
}但我想有一个独特的“字体”文件夹，然后文件夹的字体名称，然后字体本身。那么我如何访问这个字体呢？我试过这样做：
@font-face {
font-family: Digital;
src: url('../fonts/digital/digital.ttf');
}这是：
@font-face {
font-family: Digital;
src: url('/fonts/digital/digital.ttf');
}这是：
@font-face {
font-family: Digital;
src: url('fonts/digital/digital.ttf');
}没有效果。
回答 3
Stack Overflow用户
发布于 2015-06-07 12:29:35
我找到了解决办法。
它与权限相关联。
字体文件本身具有所有必需的权限('-rwxr-xr-x')。
但是它所在的文件夹却没有！(“drwx-”)
所以我用755制作了这个文件夹，现在一切都正常了！
谢谢大家的回复！
Stack Overflow用户
发布于 2015-06-02 13:10:35
考虑以下目录结构
project
│ index.html
│
├───css
│ style.css
│
└───fonts
└───digital
digital.ttf正如您所提到的，有一个独特的“字体”文件夹，它有另一个具有字体名称的文件夹，该文件夹最终具有字体文件。样式表位于单独的文件夹中，索引文件位于项目的根目录中。
因此，在上述情况下，您可以将以下声明放入style.css文件中。
@font-face {
font-family: Digital;
src: url('../fonts/digital/digital.ttf');
}并将该CSS文件链接到index.html文件。
<link href="css/style.css" rel="stylesheet">或
考虑以下目录结构
project
│ index.html
| style.css
│
└───fonts
└───digital
digital.ttf在这里，您的CSS没有单独的文件夹(不推荐)。
因此，在上述情况下，您可以将以下声明放入style.css文件中。
@font-face {
font-family: Digital;
src: url('fonts/digital/digital.ttf');
}并将该CSS文件链接到index.html文件。
<link href="style.css" rel="stylesheet">或
考虑以下目录结构
project
│ index.html
│
└───fonts
└───digital
digital.ttf在这里，没有单独的css文件或文件夹(根本不推荐)。
您可以将其包含在index.html <head>...</head>部分中。
<style>
@font-face {
font-family: Digital;
src: url('fonts/digital/digital.ttf');
}
</style>基于我认为您正在寻找第一个或第二个问题的问题.
Stack Overflow用户
发布于 2015-06-02 12:59:21
@font-face {
font-family: Digital;
src: url('./fonts/digital/digital.ttf');
}试试这个..。
https://stackoverflow.com/questions/30596594
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号