Fonts - Travel Genius Websites

FONTS FOR YOUR WEBSITE

If you aren't up on your web design terminology, a font is the style of the letters on a website or printed material.

Most people don't think much about fonts, which is unfortunate because the fonts you choose can make a BIG impact on your site.

First, because it affects how easy your site is to use. If you choose the wrong font style, or size, or color, it can leave your site visitors feeling frustrated. And when people are frustrated they leave your site, never to return, and that is NOT what we want to happen. 

Fonts play another role on your site, though. They have a big impact on the look and feel of your site. It can make the difference between a site feeling playful, or sophisticated, modern or traditional. Don't believe me? Check out the photo to the right to see how a different font can change the entire meaning of the message:

 

Now, I know you're not likely to put that creepy serial killer font on your site. I just wanted to show you that it really does make an impact.

The problem is there are literally thousands of fonts and it can be really overwhelming trying to sort through them all. So, because I want this to be a great experience for you, I have curated several font pairs that work really well together.

But first, I want to cover a couple of ground rules:

1 -USE GOOGLE FONTS
If you already have fonts you're using on an existing site, or in your logo, I'm happy to use those. You should know something, though -  in order for a font to show up correctly on someone's browser, they have to have that font loaded on their computer. So if your designer has used a fancy, designer font, it might show up on your computer, but will default to a generic font on your visitor's site.

However, Google (my BFF) has designed a workaround for that. It only works with fonts from their font library, so I recommend using Google Fonts if you want to be sure you're website will look the same for everyone. (GOOD NEWS! All of the font pairs below use fonts from the Google font library.)

2 - LIMIT YOURSELF TO ONE OR TWO FONTS
Remember the 90's when every site had 25 different fonts and 38 colors, some of them flashing??? Yeah, we want to avoid that.

It is possible to combine multiple fonts into a lovely looking document or site, but it is incredibly difficult, so to minimize the risk of your site looking like it's fighting it's way back from the 90's, I am placing a hard limit on you of just 2 or 3 fonts.

You'll want one very easy to read font for the body of your content. This is the long text, paragraphs etc.

You'll want a way for the headlines to stand out. I often use the same body text but make it larger, and bold. But you can chose a contrasting font for your headlines if you'd like.

And finally, if you'd like, you can choose one more decorative font. This is the font that would have more personality to it. These are generally more difficult to ready so are reserved for short page headings or accent words.

 

That's it! Follow those rules and you'll be well on your way to a lovely website.

Below is a list of 10 font pairs that I think work really well together. These would be used for your body text and headlines.

**NOTE The first font listed in the font pair is the heading font. The heading font is used for the entire heading. The secondary, text font, is used for the body of the text. I've written the first font name in all caps so you can see how it looks if that's how you choose to use it. 

CRIMSON TEXT & Work Sans

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

OSWALD & Cardo

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

QUICKSAND MEDIUM & Quicksand Light

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

PLAYFAIR DISPAY ITALICS & Chivo Light

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

PRATA & Lato

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

ABRIL FATFACE & Roboto

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

MONTSERRAT BLACK & Work Sans

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

PLAYFAIR DISPLAY & Quattrocento Sans

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

OPEN SANS EXTRA BOLD & Lora

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe

RALEWAY & Libre Baskerville

“But that's the glory of foreign travel, as far as I am concerned. I don't want to know what people are talking about. I can't think of anything that excites a greater sense of childlike wonder than to be in a country where you are ignorant of almost everything. Suddenly you are five years old again. You can't read anything, you have only the most rudimentary sense of how things work, you can't even reliably cross a street without endangering your life. Your whole existence becomes a series of interesting guesses.”

― Bill Bryson, Neither Here nor There: Travels in Europe