Blocked loading mixed active content "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"

Question

I updated my web site to work with SSL certificate. But now I get error

Blocked loading mixed active content "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"

This code is the problem:

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);

What are the options to fix this?

For example can i download the file somehow?

Answer 1

Just replace http:// with https:// like this:

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);