Tag: googlefonts

If you are using Google Fonts for your website and they are not working, check your web page for this…..

I was developing a web page for my site berniemichalik.com and I used some Google Fonts to make it look better. When I checked the page on my Mac using my browser, it worked fine. However when I uploaded it to AWS and checked it with my browser, the fonts were not working.

It turned out to be a simple error. The link statement I used looked like this:

<link href=”http://fonts.googleapis.com/css?family=Sedan” rel=”stylesheet” type=”text/css”>

Note the use of “http”. However to access my website, I used “https”. That misalignment caused the font not to work. Once I changed the link to the font to “https” like this:

<link href=”https://fonts.googleapis.com/css?family=Sedan” rel=”stylesheet” type=”text/css”>

It all worked fine.

 

It’s spring. You should freshen up your web site too.

Is your website looking old and tired? Maybe you just need to freshen it up and clean it up. I wrote about how you can do that in around 30 minutes, here: Ok, you have a web page or a web site. Here’s how can you make it look better in no time. I used the guidelines there to refresh one of my sites: berniemichalik.com.

Part of that advice is freshening up your web site’s fonts. If you have no idea how to do that, then you need this: top 50 Google Font Pairings [Handpicked by Pro Designers]. One of the examples is displayed above.