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. We have noticed that Open Sans has become one of the most used fonts on the web. It’s definitely in the top of our favorite fonts. The font has a calligraphic feel and also incorporates more of a modern serif look. It was originally intended for literature with its various letterform weights and high readability. Both of these fonts can help to add more character to your designs.Īlegreya is a great serif font to substitute for any default serif web font. It has light weights that can be used in large titles. Its letters have a more-rounded shape but it will add a lot of character and legibility to your website. We used it on the artist portfolio website shown below.ĭosis is another font that has a very unique and “modern”, clean look. It is highly readable at 8 pixels and above. We like it because it has a “modern” feel and also a pretty extensive font family with different weight variations. It has very strong letterforms that will allow you to use it for headers or as body text. Titillium is a very nice sans serif font. Your body copy is going to look great when it has the Merriweather treatment. It can even be used as a body typeface because of its natural letter width and weight. Merriweather has a very geometric feel and is very readable at small sizes. We suggest keeping it above 14 pixels for higher readability.īlog: Is Your Agency Too Big? 7. Merriweather It has a very unique look and tends to be legible even at smaller sizes. It is inspired by flat brush typefaces with medium weight and has its type style built on Gillies Gothic and Kaufmann.
We generally use Playfair to add a “classic” feel to site headlines and titles. It’s one of our top choices for a serif font other than the commonplace fonts like Georgia and Time New Roman. It has classic letterforms of high contrast and delicate hairlines. We like it mostly for its non-traditional, gentle serifs and nice italic style. Playfair is a unique font, created by Claus Eggers Sørensen.
Combined with a sans-serif body font, Arvo makes a great font for titles and subtitles.
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. It has 4 different variations, from normal weight and normal italic to bold italic. ArvoĪrvo is a very good slab serif font family, created by Anton Koovit. With a rich selection of styles for each of these fonts, there are many ways to incorporate them into our web designs. Each font family has its own character, look, feel and different variations. 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. We also think you’ll like this selection of google fonts most loved by our users.At Flying Hippo, we’re sort of font snobs. If you’re looking for fonts for commercial use, you can visit our new collection Best Fonts where you’ll find a variety of exceptional high quality fonts at a very good price.
To see some of our favorite examples, have a look at our collection of Free Fonts which displays a wide variety of free typefaces. In this new collection of Fonts, you will mainly find fonts that are free to use, someĪre for non-commercial use only, and some have a free version available. Serifs and display fonts dominate, while mixing typefaces is a fundamental practice for generating stunning designs where typefaces with very different qualities, weights and styles work together in perfect harmony, to create a very strong visual impact. The key to this visually pleasing trend is the use of big-personality typography, which adds rhythm and contrast to compositions. Visual hierarchy can be created through typography contrast - either by color, size, or shape and to make compositions more readable complex alignments can be used. To inject more personality into our designs and attract attention, we can use carefully chosen font pairs (a combination of two different fonts). Typography is currently playing a central role in web design, with progressive improvements like Variable Fonts, CSS Shapes, FlexBox, CSS Grids and Subgrid definitively changing the way we work with typography in web design.Ĭurrent trends in web design see the use of editorial style typography, graphic design sources, and designs laid out in the style of posters - nicely portrayed in this project about Typography Principles.