Как правильно указать ссылку на шрифты в css?

Question

[woodyJS]

Добрый день.
Возникла такая проблема, что при загрузке на сервер шрифты отпадают

@font-face{font-family:Gotham;font-style:normal;font-weight:500;src:url(../fonts/Gotham/Gotham.eot?) format("eot"),url(../fonts/Gotham/Gotham.ttf) format("truetype"),url(../fonts/Gotham/Gotham.woff) format("woff"),url(../fonts/Gotham/Gotham.woff2) format("woff2"),url(../fonts/Gotham/Gotham.svg#Gotham) format("svg")}

url(../fonts/Gotham/Gotham.woff2) - везде указывают этот вариант, как правильный.
Но мне сказали, что ../ это ссылка в файловой системе в урл адресе это работать не будет.
Как правильно прописать путь к шрифтам?

Comments

[Антон]

Зачем он вам в урл адресе?
Ссылка в файловой системе, естественно, и подразумевает директорию на уровень выше от файла, в котором указан этот адрес

Answer 1

[hellcaster]

../ указывает на уровень выше. То есть у Вас есть папка с проектом с названием YouTube (просто к примеру). В ней у вас есть 2 папки - сss и fonts. Если Вы укажите из CSS файла, который находится в папке css путь ../fonts/Roboto. woff2, то Вы подниметесь в папку YouTube, затем в папку fonts, а потом к шрифту. И этого Вам достаточно. Когда Вы будете заливать на хостинг, то у Вас там будем такая же папочка YouTube и в ней Ваши файли