2016-09-23 4 views
0

У меня есть одна папка с «стилями» и одна папка с фактическим файлом index.html. Я пытаюсь сообщить файлу index.html, что источник для моего URL-адреса шрифта находится внутри папки «styles».URL-адрес папки Src для шрифта CSS

Это то, что я до сих пор:

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

Я считаю, что это неправильно, так как он не будет загружаться. Каков правильный способ определения пути к файлу?

Спасибо!

+0

Он выглядит правильно. '... /' возвращает папку, а затем 'Style /' переходит в папку под названием «Стиль». Вы уверены, что папка буквально называется 'Style', а не' style' или 'styles'? –

ответ

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

Если вы звоните непосредственно из index.html без a style.css вы должны использовать /Style/CHERL___.ttf

+0

Спасибо, это единственный, который работал по какой-то причине! @ font-face { font-family: CHERL; src: url (../ Styles/CHERL ___. Ttf); } h1 { font-family: CHERL; } – sarangheh510

0

Из того, что я вижу, файл CSS является тем, который должен найти файл .tff. Не индекс.

Попробуйте поместить файл CSS и файл .tff в ту же папку. Таким образом, при вызове файла в URL свойств, вам нужно только вставить имя файла .tff, как это:

src: url(CHERL___.ttf); 
0

Я думаю, вы уже вызывали style.css в свой index.html, как это.

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

Так что все, что вам нужно, в файле style.css называет его, как показано ниже.

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