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

Доброго времени суток.
Хочу подключить 3 шрифта к проекту через правило @font-face в SASS.
Каждый шрифт лежит в собственной папки в fonts и имеет несколько форматов (otf, ttf, eot, svg, woff).
Нашел в интернете пример:
@font-face {
	font-family: "Samplina Neue"
	font-style: italic
	font-weight: bold
	src: url("fonts/SamplinaNeue.eot?") format("eot"),
			 url("fonts/SamplinaNeue.woff2") format("woff2"),
			 url("fonts/SamplinaNeue.woff") format("woff"),
			 url("fonts/SamplinaNeue.ttf") format("truetype"),
			 url("fonts/SamplinaNeue.svg#Samplina_Neue") format("svg")
}


И, собственно, по нему возникает ряд вопросов:
1) Является ли обязательным условием наличие правил font-style и font-weight в @font-face?
2) Почему в конце .eot стоит вопросительный знак?
3) Почему в конце .svg стоит решетка и название шрифта?
  • Вопрос задан
  • 1072 просмотра
Решения вопроса 1
andead
@andead
друпал девелопер, фрилансер
1) Нет, не является.
2) 3) Это хаки для старых браузеров, не поддерживающих новые форматы woff.

Посмотрите недавний ролик от HTML академии на эту тему, много проясните.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы