5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Flying Hippo

Work

Iowa State

Nike
https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 1/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Dozer Cafe

Holmes Murphy
https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 2/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Madhouse Brewing

Modus

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 3/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Elder

Wellmark

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 4/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

AMES CVB

Dimples

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 5/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Galapagos

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 6/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Good Life RV

Ground Floor

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 7/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Jasper Winery

Veranda Dentistry

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 8/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Logos

Naming
View All
Services

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 9/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo
Branding
Environmental
Marketing
Web
Video
Blog
Company
Contact
Careers
Support
Contact

Let’s Chat

Branding

Beautiful Internet: 10 of the Best Fonts for the Web

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 10/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

By Eric Groves

At Flying Hippo, we’re sort of font snobs. We’re constantly on the hunt for the best web fonts. In particular, there are 10 web fonts that we use quite frequently in our web
projects. Each font family has its own character, look, feel and different variations. With a rich selection of styles for each of these fonts, there are many ways to
incorporate them into our web designs.

10. Arvo

Arvo is a very good slab serif font family, created by Anton Koovit. It has 4 different variations, from normal weight and normal italic to bold italic. It is pretty rare to find
a full Slab Serif web font family and this font gets pretty close to satisfying all of our needs for strong characters and high readability. Combined with a sans-serif body
font, Arvo makes a great font for titles and subtitles.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 11/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

9. Playfair Display

Playfair is a unique font, created by Claus Eggers Sørensen. We like it mostly for its non-traditional, gentle serifs and nice italic style. It has classic letterforms of high
contrast and delicate hairlines. It’s one of our top choices for a serif font other than the commonplace fonts like Georgia and Time New Roman. We generally use Playfair
to add a “classic” feel to site headlines and titles.

8. Yellowtail
Yellowtail is a really fun script font. It is inspired by flat brush typefaces with medium weight and has its type style built on Gillies Gothic and Kaufmann. It has a very
unique look and tends to be legible even at smaller sizes. We suggest keeping it above 14 pixels for higher readability.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 12/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

7. Merriweather
This is one of our favorite serif fonts. Merriweather has a very geometric feel and is very readable at small sizes. It can even be used as a body typeface because of its
natural letter width and weight. Your body copy is going to look great when it has the Merriweather treatment.

6. Titillium Sans and Dosis

Titillium is a very nice sans serif font. It has very strong letterforms that will allow you to use it for headers or as body text. We like it because it has a “modern” feel and
also a pretty extensive font family with different weight variations. It is highly readable at 8 pixels and above. We used it on the artist portfolio website shown below.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 13/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Dosis is another font that has a very unique and “modern”, clean look. Its letters have a more-rounded shape but it will add a lot of character and legibility to your website.
It has light weights that can be used in large titles. Both of these fonts can help to add more character to your designs.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 14/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo
5. Alegreya

Alegreya is a great serif font to substitute for any default serif web font. It was originally intended for literature with its various letterform weights and high readability.
The font has a calligraphic feel and also incorporates more of a modern serif look. It’s definitely in the top of our favorite fonts.

4. Open Sans

We have noticed that Open Sans has become one of the most used fonts on the web. A lot of big-name brands are going through the process of cleaning up their websites
and a lot of them go with Open Sans or Lato to offer high readability and friendly appearance. Open Sans has excellent legibility and its letterforms are incredibly strong
with the very extensive font library, this font is a very strong substitute for default sans serif fonts.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 15/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

3. Alternate Gothic
We love this font and we use it whenever we need to mix our body text or add a clean feel to our site. Alternate Gothic was designed by Morris Fuller Benton as a
counterpart to Franklin Gothic, and it looks great when it’s used on headings. Along with this font, we really like the match of Alternate Gothic and Proxima Nova, which
is used together on the Grand Blue Mile site.

2. Oswald & Abel

If you are looking for a condensed sans serif font that looks like League Gothic, Oswald is the strongest contender. It is a great font that is inspired by the classic
newspaper headlines, and was designed specifically for free use on the web and editorial materials.

Abel is another great modern, condensed font. Originally used in news headlines and posters, this font also works well for the web. Its strong letterforms are perfect for
big headlines and headers, while at smaller sizes it stays legible. We wish there were more weight choices, but it is possible it will have additions to the family later on.

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 16/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

1. Tisa

Tisa is probably the best substitute for the default Helvetica or Arial on the web. It is also the number one font we choose whenever we want to add more character to the
site design while maintaining a clear, readable style.

If readability is what you want, Tisa is extremely legible in many text sizes while creating a unique design display.

LET’S CHAT ABOUT YOUR BRAND. NO ACTUAL KICKS TO THE GROIN, WE PROMISE.
Name*

Name

Email*

Email

Company*

Company

What is on your mind?*

What's on your mind?

Send

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 17/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Share Article

Tweet

Share
Save

Categories
Branding
Inbound Marketing
Marketing
Uncategorized
Video
Web

Fly Alongside the Hippo

Every week, we put our stumpy little hippo feet on the keyboard and dish out some of the best ideas about strategy, design and dozens of other topics.

We fly pretty fast. To keep up, you'll probably want to subscribe to our email updates.

Email*

How would you describe yourself?*

- Please Select -

protected by reCAPTCHA
Privacy - Terms

Submit

Previous Post Hippo Blog Next Post

STALKING ENCOURAGED

515.288.5316

info@flyinghippo.com

130 E 3rd St #103

Des Moines, IA
50309

LET'S TAKE THIS RELATIONSHIP OFFLINE

BLOGGIN’ WITH OUR NOGGIN

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 18/19
5/28/2019 Beautiful Internet: 10 of the Best Fonts for the Web | Flying Hippo

Brand Attraction: Mosquitoes, Gnats and Other Flying Critters

Stone Age Storytelling: Why Your Brand Needs to Tell Stories

Is Your Advertising Agency Too Big? Take a Lesson from Goldilocks.

More Bloggin’

Hip and nerdy in one chubby body

Flying Hippo is a one-of-a-kind breed of branding and digital agency. We’re most definitely hip–our branding and creative teams have consistently produced
internationally award-winning creative work for our clients. And, yes, we’re off-the-charts nerds as well–and proud of it. Our nerd team consists of some of the brightest
programmers and digital strategists around to make sure that all of that exceptional creative work not only looks great, but functions just as well.

If you’re looking for a top-notch team of branding experts, certified HubSpot/inbound strategists, award-winning creatives, and true-blue nerds to help grow your
business, you’ve come to the right place.

© Copyright Flying Hippo. All Rights Reserved.

Close Video Player

https://www.flyinghippo.com/blog/10-web-fonts-write-home/ 19/19