源文件夹 url 字体 CSS

Question

我有一个文件夹包含 "styles"，还有一个文件夹包含实际的 index.html 文件。我试图让我的 index.html 文件知道我的字体 url 的来源在 "styles" 文件夹中。

这是我目前拥有的：

@font-face{
font-family: CHERL___.ttf;
src: url(../Style/CHERL___.ttf);
}

我认为这是不正确的，因为它不会加载。识别文件路径的正确方法是什么？

谢谢！

Answer 1

据我所知，CSS 文件是需要找到 .tff 文件的文件。不是索引。

尝试将CSS文件和.tff文件放在同一个文件夹中。这样，当你在属性URL中调用文件时，你只需要插入.tff文件的名字，像这样：

src: url(CHERL___.ttf);

Answer 2

@font-face{
font-family: CHERL; // Name of the font
src: url(/Style/CHERL___.ttf); 
}

如果您直接从 index.html 调用它而没有 style.css，您应该使用 /Style/CHERL___.ttf

Answer 3

我猜你已经在你的 index.html 中这样调用了 style.css。

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

所以你只需要在你的 style.css 文件中像下面这样调用它。

@font-face{
font-family: CHERL___.ttf;
src: url(CHERL___.ttf);
}

Src folder url for font-face CSS