Почему не меняется шрифт?

Question

[Mrako_bes]

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

@font-face {
	font-family: "SegoeWP";
	src: url("fonts/Segoe WP/ofont.ru_Segoe WP.eot");
	src: url("fonts/Segoe WP/ofont.ru_Segoe WP.eot?#iefix") format("embedded-opentype"),
	url("fonts/Segoe WP/ofont.ru_Segoe WP.woff") format("woof"),
	url("fonts/Segoe WP/ofont.ru_Segoe WP.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

Стили подключены правильно. В основной css добавляю шрифты так:

body {
	font-family: "SegoeWP";
}

Comments

[RAX7]

src через запятую,
не woof, а woff,
пробелы в url заменить на %20

[Mrako_bes]

RAX7, какие пробелы в url? в смысле, url не надо через запятую писать?

Answer 1

[Владимир]

если шрифты в папке fonts хранятся.
Просто замени url("fonts/ на url("../fonts/

Comments

[Mrako_bes]

не сработало

[Владимир]

Mrako_bes, значит что-то не так делаешь.
Я протестировал скачав этот шрифт с ofont. Все работает у меня на windows.

Создал папку с проектом
внутри файл index.html = подключаю css <link rel="stylesheet" href="css/main.css">
папка fonst/ внутри папка Segoe WP и в ней уже шрифты.
папка css/ c файлом main.css = содержащая

@font-face {
  font-family: "SegoeWP";
  src: url("../fonts/Segoe WP/ofont.ru_Segoe WP.eot");
  src: url("../fonts/Segoe WP/ofont.ru_Segoe WP.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Segoe WP/ofont.ru_Segoe WP.woff") format("woof"),
  url("../fonts/Segoe WP/ofont.ru_Segoe WP.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: SegoeWP;
}

[Mrako_bes]

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