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.
The key to this visually pleasing trend is the use of big-personality typography, which adds rhythm and contrast to compositions. 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.
It’s good to see the recent wave of kinetic type animations is making use of those much awaited variable fonts. Every day we see more and more experiments with animated variable fonts and its properties, with effects like wrapping text using CSS Shape and many other effects made popular by kinetic type experiments.
Another piece of good news is the update of the Google Font API that allows the use of variable fonts with an exclusive set of 10 high quality and varied fonts. Including serif, sans-serif, slab or monospaced typefaces.
In this new collection of Fonts, you will mainly find fonts that are free to use, some
are for non-commercial use only, and some have a free version available. To see some of our favorite examples, have a look at our collection of Free Fonts which displays a wide variety of free typefaces.
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. We also think you’ll like this selection of google fonts most loved by our users.