Adding google fonts to Rails application

Question

I'm trying to add google fonts to my Rails 5.2 application and I can't figure out why it doesn't work/what is missing:

i added the following lines in application.scss file :

@import url('://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
}

Before using @import in application.scss i tried to add in application.html.erb the following line in the head

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">

Thanks for any help!

Answer 1

It seems the first line in the application.scss, there's a colon ( before //fonts, after url(' ) that causes error. Removing this fixes it:

@import url('//fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

body {
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
}

No need to add additional line into your application since it'll be compiled in your scss file.