Относительные ссылки

[edwinkkc]

Приветствую. Не могу разобраться с относительными ссылками.

В корневом каталоге есть 3 каталога:  aqua , css, fonts.

В каталоге aqua есть index.html, в css - fontawesome.css, а в fonts - fontawesome-webfont.

В файле index.html подключен наш css файл fontawesome.css, в котором прописаны ссылки на шрифты из папки fonts. Когда в коде странички я прописываю класс на иконку шрифта, она не отображается в мозилле, хотя в хроме работает ок.

В общем я думаю это связанно с относительными ссылками на файлы которые находятся параллельно в корневом каталоге.

 

Содержимое index.html

<link rel="stylesheet" type="text/css" href="../css/font-awesome.css">

Содержимое fontawesome.css

@font-face {  font-family: 'FontAwesome';  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');  font-weight: normal;  font-style: normal;}

В папке fonts на самом деле много шрифтов, как показано в css файле, для примера я показал что он один.

 

Изображение, которое показывает как расположены каталоги и файлы в них.

Ребята, объясните мне как связать все эти файлы ? Просто не хочется класть в папку aqua папку fonts со шрифтами и font-awesome.css, потому что таких папок как aqua будет несколько, и я не вижу смысла для каждой отдельно делать копию fonts.

 

Спасибо.

[npofopr]

Это http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki не поможет в разборе?

[rus]

css фал в основной css можно подгружать с помощью импорт урл, а по поводу путей - так сделайте папки css и fonts вне папки aqua, а впапке aqua в файлах где надо подключать пропишите путь: ../css/style.css и т.д...

[edwinkkc]

css фал в основной css можно подгружать с помощью импорт урл, а по поводу путей - так сделайте папки css и fonts вне папки aqua, а впапке aqua в файлах где надо подключать пропишите путь: ../css/style.css и т.д...

 

Так папка css и fonts находятся вне папки aqua, я просто неудачно картинку нарисовал. Все 3 папки находятся в корне.

Подключаю так как вы сказали, но почему-то шрифты не отображаются, а вот в хроме все ок с этим, я вот думал уже может быть это что-то с ФФ ?