Как подключать шрифты?

Question

[Super Star]

Здравствуйте не могу подключить шрифт. Подключал 2-а шрифта. Пути указаны верно, но 2-й шрифт не работает.

Этот удалось подключить и он работает:

/* font-family: "ToxicPowers"; */
@font-face {
	font-family: "ToxicPowers";
	src: url("../fonts/ToxicPowers/ToxicPowers.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

А вот этот не могу подключить:

/* font-family: "Exo 2.0 Extra Light"; */
@font-face {
	font-family: "Exo 2.0 Extra Light";
	src: url("../fonts/Exo 2.0 Extra Light/Exo 2.0 Extra Light.otf") format("opentype");
	font-style: normal;
	font-weight: normal;
}

Ссылка на сам шрифт

Comments

[Алексей]

Не пробовали переименовать папку и шрифт чтобы были без пробелов?

[Super Star]

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

[Алексей]

Андрей Рысь: Имя шрифта не меняется, то есть font-family остается какой есть.
Меня смущают только пробелы, вроде ничего страшного... попробуйте переименовать файл и положить его в папку без пробелов. Или заменить пробелы в url на %20

[Роман]

/* font-family: "Exo 2.0 Extra Light"; */
@font-face {
font-family: "Exo 2.0 Extra Light";
src: url("../fonts/Exo 2.0 Extra Light/Exo 2.0 Extra Light.ttf") format("opentype");
font-style: normal;
font-weight: normal;

[Super Star]

Роман: шрифт с расширением .otf Вряд ли так можно делать. Не работает в общем и %20 вставлял в промежутки. Тоже не фурычит.

Answer 1

[Артем Зинкин]

Подключи (забыл русский :))

@import url(https://fonts.googleapis.com/css?family=Exo+2:300&subset=latin,cyrillic);

Используй
font-family: 'Exo 2', sans-serif;

Comments

[Super Star]

хорошо попробую

[Алексей]

Артем Зинкин: В данном случае могу ошибаться. Случайно в этом случае не требуется при задании шрифта для блока, еще указать: font-weight: 300;
Или он будет как нормал работать?

[Артем Зинкин]

Алексей:
Нет, не нужно. Он явно указан. См. ссылку
https://fonts.googleapis.com/css?family=Exo+2:300&...,cyrillic