JekPorkins
1 month ago
1554
26
General

Issues with Google fonts and Sass compile.

Posted 1 month ago by JekPorkins

I'm trying to learn Laravel and I've run into an issue that I can't seem to figure out with Google Fonts and Sass.

I'm trying to load my font on app.scss with:

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

// Variables
@import 'variables';

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

But it compiles to app.css as:

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

If I manually correct app.css it works. But how do I get Sass or Laravel to compile it properly?

Please sign in or create an account to participate in this conversation.