Глоток компаса и символа в контенте CSS

Question

У меня есть небольшая проблема с моим выходным sass для css с глотком. Я использую гулп-компас

и это мой код в gulpfile

gulp.task('sass', function() {
gulp.src('css/style.scss')
    .pipe(compass({
        css: 'css/',
        sass: 'css/',
        image: 'images/',
        comments : false,
        style: 'compressed', //nested, expanded, compact, or compressed.
        time: false
        //debug: true
    }))
    .pipe(gulp.dest('css/'));

});

этот скрипт работает нормально, но я вижу небольшую проблему с содержимым свойств CSS:

• Оригинал scss: content: "•"
• Сжатый css: content: "ÔÇó"

Я не вижу настройки, чтобы предотвратить это преобразование.

Вы когда-нибудь видели этот результат и как я могу заблокировать это?

Спасибо за вашу помощь:)

Answer 1

Попробуйте добавить @charset "UTF-8"; наверх вашего основного файла со всеми вашими импортом в.

Также убедитесь, что в вашем редакторе вы редактируете и сохраняете файлы как UTF-8