Answer the question
In order to leave comments, you need to log in
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
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 questionAsk a Question
731 491 924 answers to any question