字体样式 CSS 的 src 文件夹 url答案

【问题标题】：Src folder url for font-face CSS字体样式 CSS 的 src 文件夹 url
【发布时间】：2016-09-23 22:10:46
【问题描述】：

我有一个包含“样式”的文件夹，以及一个包含实际 index.html 文件的文件夹。我试图让我的 index.html 文件知道我的字体 url 的来源在“styles”文件夹中。

这是我目前所拥有的：

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

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

谢谢！

【问题讨论】：

看起来正确。 .../ 返回一个文件夹，然后Style/ 进入一个名为“Style”的文件夹。您确定该文件夹的字面意思是 Style，而不是 style 或 styles？

【解决方案1】：

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

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

【讨论】：

谢谢你，这是唯一一个出于某种原因工作的！ @font-face{ 字体家族：雪儿； src: url(../Styles/CHERL___.ttf); } h1{ 字体系列：雪儿； }

【解决方案2】：

我猜你已经像这样在 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);
}

【讨论】：

【解决方案3】：

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

尝试将 CSS 文件和 .tff 文件放在同一个文件夹中。这样，在属性 URL 中调用文件时，只需插入.tff 文件的名称，如下所示：

src: url(CHERL___.ttf);

【讨论】：