Подключение шрифта в sass?

Question

[Ever-Green]

Задаю этот вопрос уже второй раз.

Почему не работает данный пример в sass? Люди, подкиньте полноценный пример подключения шрифтов в sass

@font-face
	font-family:"Retro Pop Bold"
	src:url('../fonts/Retro-Pop-Bold.eot')
	src:url('../fonts/Retro-Pop-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Retro-Pop-Bold.woff2') format('woff2'),
		url('../fonts/Retro-Pop-Bold.woff') format('woff'),
		url('../fonts/Retro-Pop-Bold.ttf') format('truetype'),
		url('../fonts/Retro-Pop-Bold.svg#Retro-Pop-Bold') format('svg')
	font-weight: 400
	font-style: normal
	font-stretch: normal
	unicode-range: U+0020-007A

Answer 1

[Андрей Б.]

Мой вам совет, используйте SCSS синтаксис, меньше вопрос будет возникать.

Чистый SASS синтаксис не понимает такую запись. В сасе пробел на новой строке - это вложенность.
Должны быть пробелы после двоеточия, отступы перед url на новой строке не допускаются или пишите в одну строчку или перед каждым url в новой строке пишите src:

правильней так

@font-face
  font-family: "Retro Pop Bold"
  src: url('../fonts/Retro-Pop-Bold.eot')
  src: url('../fonts/Retro-Pop-Bold.eot?#iefix') format('embedded-opentype')
  src: url('../fonts/Retro-Pop-Bold.woff2') format('woff2')
  src: url('../fonts/Retro-Pop-Bold.woff') format('woff')
  src: url('../fonts/Retro-Pop-Bold.ttf') format('truetype')
  src: url('../fonts/Retro-Pop-Bold.svg#Retro-Pop-Bold') format('svg')
  font-weight: 400
  font-style: normal
  font-stretch: normal
  unicode-range: U+0020-007A