E
E
Ever-Green2017-05-05 09:31:30
Sass
Ever-Green, 2017-05-05 09:31:30

Connecting a font in sass?

I am asking this question for the second time.
Why doesn't this example work in sass ? People, throw a full-fledged example of connecting fonts in 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 the question

In order to leave comments, you need to log in

1 answer(s)
A
Andrey B., 2017-05-05
@andykov

My advice to you, use SCSS syntax, less question will arise.
Pure SASS syntax does not understand such a notation. In sas, a space on a new line is a nesting.
There must be spaces after the colon, indentation before the url on a new line is not allowed, or write in one line or write src before each url on a new line: it’s
more correct like this

@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

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question