Ошибка с подключением стилей в sass

228
02 апреля 2018, 23:05

Привет!Я начал изучать Angular и решил сделать приложение на нем и мне понадобилось подключить шрифты

@import "fontello.scss"

@font-face
    font-family: 'latoblack'
    src: url('../assets/fonts/LatoBlack/lato-black.eot')
    src: url('../assets/fonts/LatoBlack/lato-black.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/LatoBlack/lato-black.woff') format('woff'),
         url('../assets/fonts/LatoBlack/lato-black.ttf') format('truetype')
    font-weight: normal
    font-style: normal
@font-face
    font-family: 'latobold'
    src: url('../assets/fonts/LatoBold/lato-bold.eot')
    src: url('../assets/fonts/LatoBold/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/LatoBold/lato-bold.woff') format('woff'),
         url('../assets/fonts/LatoBold/lato-bold.ttf') format('truetype')
    font-weight: normal
    font-style: normal
@font-face
    font-family: 'latoitalic'
    src: url('../assets/fonts/LatoItalic/lato-italic.eot')
    src: url('../assets/fonts/LatoItalic/lato-italic.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/LatoItalic/lato-italic.woff') format('woff'),
         url('../assets/fonts/LatoItalic/lato-italic.ttf') format('truetype')
    font-weight: normal
    font-style: normal
@font-face
    font-family: 'latolight'
    src: url('../assets/fonts/LatoLight/lato-light.eot')
    src: url('../assets/fonts/LatoLight/lato-light.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/LatoLight/lato-light.woff') format('woff'),
         url('../assets/fonts/LatoLight/lato-light.ttf') format('truetype')
    font-weight: normal
    font-style: normal
@font-face
    font-family: 'latoregular'
    src: url('../assets/fonts/LatoRegular/lato-regular.eot')
    src: url('../assets/fonts/LatoRegular/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/LatoRegular/lato-regular.woff') format('woff'),
         url('../assets/fonts/LatoRegular/lato-regular.ttf') format('truetype')
    font-weight: normal
    font-style: normal

Использовал синтаксис Sass встроенный в AngularClI --style=sass.Но я получил ошибку.

ERROR in ./src/app/app.component.sass
Module build failed:
         url('../assets/fonts/LatoBlack/lato-black.woff') format('woff'),
        ^
      Property "url" must be followed by a ':'
      in X:\projects\BranD\src\app\app.component.sass (line 8, column 10)

Можете подсказать в чем я ошибся и как это исправить?

READ ALSO
Сайт не принимает обновление css файла

Сайт не принимает обновление css файла

Подскажите что делать, пожалуйстаЯ внеc изменения в css файл, перекинул измененный css файл на сайт через sftp, а сайт постоянно показывает старую...

259
CSS и JavaScript браузера Google Chrome

CSS и JavaScript браузера Google Chrome

Всем известно, что Google Chrome уже давно переведен на Material DesignГде можно скачать css и js с помощью которых создаются служебные страницы браузера,...

201
Как компилировать .sass [требует правки]

Как компилировать .sass [требует правки]

Недавно в видеоуроке на YouTube наткнулся на такой формат файлаsass

242
Плавное изменение скорости анимации

Плавное изменение скорости анимации

У меня есть элемент который анимируется с помощью transition: transform 20s linearТ

214