Проблемы со шрифтами Google и Sass

Question

Я пытаюсь выучить Laravel, и я столкнулся с проблемой, которую не могу решить с помощью Google Fonts и Sass.

Я пытаюсь загрузить свой шрифт на app.s css with:

// Fonts
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';

Но он компилируется в приложение. css as:

@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;
700&display=swap);@charset "UTF-8";

Если я вручную исправлю приложение. css, оно работает. Но как мне заставить Sass или Laravel правильно его скомпилировать?

Answer 1

Я решил это, изменив его следующим образом:

оригинал:

@import url ("https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap");

изменено:

 @import url ("https://fonts.googleapis.com/css2?family=Rubik:400,700");