字體面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

回答