字体面CSS的Src文件夹url

我有一个具有“样式”的文件夹和一个具有实际index.html文件的文件夹。我试图让我的index.html文件知道我的font-face url的源代码位于“styles”文件夹中。字体面CSS的Src文件夹url

这是我到目前为止有：

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

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

谢谢！

它看起来是正确的。 '... /'返回一个文件夹，然后'Style /'进入一个名为“Style”的文件夹。你确定该文件夹字面上被称为'Style'，而不是'style'或'styles'吗？ –

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

如果您是直接从index.html的调用它，而不一个style.css你应该使用/Style/CHERL___.ttf

2016-09-23 23:22:40

谢谢，这是唯一因某种原因而工作的人！ @ font-face { font-family：CHERL; src：url（../ Styles/CHERL ___。ttf）; } h1 { font-family：CHERL; } – sarangheh510

从我所看到的CSS文件是需要找到.tff文件。不是索引。

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

src: url(CHERL___.ttf);

2016-09-23 22:23:31

我想你已经在你的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); 
}

2016-09-24 00:17:17

回答