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.

On fonts, old and new, and other design choices of St. JOHN

I’ve been thinking about fonts recently. Mainly I’ve been thinking why I love the font used by the restaurant St. JOHN so much.  I came to a conclusion after I read this piece, 60 free sans serif fonts to give your designs a modern touch, and came across this opening:

It is universally acknowledged that most contemporary designs require a versatile sans serif font. Sans serif fonts, as you might already know, are the fonts with no projecting lines at the ends. While serif fonts are known to be more traditional, sans serif fonts bring that much needed modernistic touch to the design.

That was it! When I think of modern and new, I think of thin sans serif fonts. And I am tired of modern and new for everything. Sometimes I want substantial, classic, traditional. The font for St. JOHN embodies that. It’s a chunky fat Serif font. The name itself is almost all capital letters. It is very different than the modern in that regard.

While their font is very traditional, in other ways, St. JOHN is very modern. There is a minimalism to the rest of their design, a minimalism of their design and decor is very modern indeed. To see what I mean, visit their web site (or better still, their establishments) and you will see what I mean.

And that’s perhaps what I love best about them: they mix in the best of what is old and traditional with what is new and modern and stride both worlds. It’s no easy feat, and yet they do it so well.