Blog
15/05/2017

The Most Popular Fonts for Web Design

When we talk about web design, we’re referring to content structure, the effective use of images, and the importance of choosing one or more high-quality typefaces that enhance the overall design.

Without a doubt, the go-to platform for selecting web fonts is Google Fonts: https://fonts.google.com/

 

Google Fonts: Choosing the Right Typeface for Your Website

A few years ago, as many of you will remember, the standard practice when designing a website was to stick to system fonts, since most browsers didn’t support external typefaces.

Today, with modern browsers, we have access to hundreds of fonts, and with the arrival of Google Fonts, the process has become even simpler.

 

The Most Popular Fonts on Google Fonts

Here’s a list of the top 5 most popular fonts according to Google Fonts, based on the number of requests each typeface receives.

1. Roboto

roboto

Designed by Christian Robertson, Roboto is a mechanical, geometric typeface. It’s used on an impressive 32.6 billion websites.

View Roboto

 

2. Open Sans

open sans

Next up is Open Sans, designed by Steve Matteson. This typeface is optimized for excellent readability both on screen and in print. Open Sans has been used in the design of 28 billion web pages. We’ve used it in several projects ourselves, and it’s honestly one of our favorites.

View Open Sans

 

3. Lato

lato

Lato, designed by Łukasz Dziedzic, is a sans-serif font used on 6.98 billion websites. It offers a wide range of weights, from bold and impactful to ultra-light. I have a special fondness for this font—if I remember correctly, it was one of the first I used with Google Fonts, finally breaking free from the “grip” of classic Arial.

View Lato

 

4. Slabo 27px

slabo

Designed by John Hudson, Slabo 27px is a rather unique typeface. It’s specifically designed to be used at its exact size—27px. It’s intended for digital media, such as web design and all kinds of online marketing. There’s also a Slabo 13px version. Because it’s tailored for a specific size, it delivers a perfect visual result.

View Slabo 27px

Did you like it?
Related articles
Ready to start
your project?

We assess your current situation and outline the next steps.

Contact now
Our site uses cookies to collect information about your device and browsing activity. We use this data to improve the site, ensure security and deliver personalized content. You can manage your cookie preferences by clicking here.
Accept cookies Configure Decline cookies
Basic cookie information
This website uses cookies and/or similar technologies that store and retrieve information when you browse. In general, these technologies can serve very different purposes, such as, for example, recognizing you as a user, obtaining information about your browsing habits or personalizing the way in which the content is displayed. The specific uses we make of these technologies are described below. By default, all cookies are disabled, except for technical ones, which are necessary for the website to function. If you wish to obtain more information or exercise your data protection rights, you can consult our Política de cookies".
Accept cookiesConfigure
Technical cookies needed Always active
Technical cookies are strictly necessary for our website to work and for you to navigate through it. These types of cookies are those that, for example, allow us to identify you, give you access to certain restricted parts of the page if necessary, or remember different options or services already selected by you, such as your privacy preferences. Therefore, they are activated by default, your authorization is not necessary.rnThrough the configuration of your browser, you can block or alert the presence of this type of cookies, although such blocking will affect the proper functioning of the different functionalities of our website.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirm preferences
contact us
Form

Tell us
your project

Indicate the general context of your organization and the planned scope of the project.
Code Barcelona, ​​as responsible for the processing of your data, will process it in order to respond to the query and/or request that you make to us through this contact form. Privacy Policy.
Title
Popupcontent
Analysis of your digital situation

We will review your current digital situation. We will get in touch to understand your context and jointly assess which areas to analyze, after which we will prepare an audit including key findings and recommendations.

Code Barcelona, ​​as responsible for the processing of your data, will process it in order to respond to the query and/or request that you make to us through this contact form. Privacy Policy.
Aceptar