100 points to know about...
Eco-Design Web Development

In one of the previous notions (41) we have seen some examples of the most popular web fonts.
In this notion we provide you with the list of the most common system fonts.

System fonts

• Georgia is a Serif font, which means that the letters have the particularity of being serif. "This font was created for Microsoft to ensure good visibility on low resolution screens. It is therefore easy to read on both a computer and a mobile device.
• Helvetica is a sans serif font. It is more modern than the serif font. It is also considered one of the easiest fonts to read.
• Open Sans is particularly readable because of the spacing between the letters, also known as "kerning".

According to Google, "it looks great on the web, as well as in print and on mobile interfaces, and has excellent readability because of its letterforms."

• Quicksand is a sans serif font created by Google, based on geometric shapes. It has the particularity of being very readable on mobile devices.
• Verdana, specially created for computer screens, is part of the Sans Serif font category. It is best used if your site contains a lot of text.

Some more examples of web and custom web fonts

• Rooney is considered a custom font. According to Jan Fromm, its creator, "its rounded shapes and delicate curves give an impression of closeness and softness".
• Karla is one of the so-called "sans serif" fonts, characterized by its simplicity. Google called it "popular and eccentric".
• Roboto is described as "bold and modern accessible". Created by Google for its Android operating system. Also used by Chrome.
• Ubuntu is described as having a "humanistic" style.
• Lato is described as user-friendly, strong, reliable and stable. It is considered the font of choice for professional web design.
• Futura is considered a clean and pure font and ensures good readability.

Some tips for sustainable font design

In order to limit the carbon footprint of your website, here are some parameters to consider when designing the font:

• Favor so-called standard fonts, which are those installed by default with operating systems, as opposed to special fonts. The most common standard fonts are Arial, Verdana, Times New Roman; Georgia; Tahoma, etc.
• If you choose to use special fonts, use them for titles or the site menu;
• Limit the number of variants;
• Remove unnecessary characters;
• and compress in WOFF2 format. It will allow you to reduce the weight of the font by at least 30%.