Шрифт в выпуске SCSS

мой код scss:

.icon-download:before {
  content: "\f01a"
}

.icon-upload:before {
  content: "\f01b"
}

и я использую рубин для перевода в css:

.icon-download:before {
  content: "    "
}

.icon-upload:before {
  content: "    "
}

Не знаю, почему содержимое пустое.

проблема показана на рисунке ниже : Шрифт в выпуске SCSS

благодаря Connexo. моя компиляция - ruby ​​на win10.

es\Jianux>scss -v
Ruby Sass 3.5.7

Какой именно компилятор SCSS вы используете? У sassmeister.com есть выбор. Кроме того, возможно, шрифт вашей IDE просто не отображает символы (компиляция исходного кода заставит Sass заменить код вашего символа соответствующим символом).

connexo 19.08.2018 07:03

благодаря Connexo. моя компиляция - ruby ​​на win10. Ruby Sass 3.5.7

lyq 19.08.2018 07:16

Я просто использую командную строку для его компиляции: sass input.scss output.css

lyq 19.08.2018 07:18

Большое спасибо, я использую nodejs-sass для его компиляции, и это не проблема. так что в инструментах компиляции есть ошибка.

lyq 19.08.2018 07:34

Ваш css работает как задумано? Может быть, просто в вашем шрифте не отображаются символы.

connexo 19.08.2018 13:05
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
5
56
0

Другие вопросы по теме