Здравствуйте! Я использую NuxtJS с загрузчиком Sass и при nuxt generate
для создания статических файлов подкачки, CSS get неправильно скомпилирован.
"node-sass": "^4.12.0",
"nuxt": "^2.4.0",
"sass-loader": "^7.1.0",
При тестировании с помощью npm run dev
на моей локальной машине, все работает отлично.
вот мой исходный стиль CSS:
$serif_font: 'Crimson Text', serif;
label {
font-family: $serif_font;
font-style: italic;
color : $dark_gray;
margin-bottom: 0;
line-height: 1.75em;
font-size: 16px;
font-weight: 500;
display: block;
}
Это то, что появляется в моем браузере в инспекторе:
Получается слово «Малиновый»'в шестнадцатеричное значение.
![enter image description here](https://i.stack.imgur.com/kOTGh.png)
Почему это происходит и как я могу это исправить?Это ошибка с nuxt.js
или sass-loader
???
Единственной вещью, которую я нашел в Интернете, была эта статья от 2017 года, но она не имеет решения: https://www.jotform.com/answers/1269781-Advanced-Designer-Choosing-Crimson-Text-as-the-font-family-results-in-broken-CSS