Lesson 7Web fonts, colour pattern and sustainability
Notion 46
Review/Assessment
Target skills
In order to revise this grain, choose the answer that best fits the question on web fonts, colour pattern and sustainability.
There are 4 main types of fonts for designing a web project. System fonts; web fonts; custom web fonts (DIY) and Times New Roman.
Good job!
There are three (3) types of fonts for the design of a web project:
System fonts
These are fonts, installed by default, on all types of devices (Mac or PC). The best known are Arial and Times New Roman fonts.
Web fonts
Unlike the previous one, Web fonts have the particularity of being hosted online and thus offer a wider choice of fonts.
*Custom Web Fonts (DIY)
This type of font gives designers the opportunity to create their own web fonts. Like the previous one, they are also hosted online. In addition, it is important to take into account a number of criteria to optimize web performance.
Google fonts consists of more or less 600 characters and are available to web designers for free. Its download size is about 28Kb.
Good job!
In order to limit the carbon footprint of your website, it is important to favor so-called standard fonts, which are those installed by default with operating systems, as opposed to special fonts.
Good job!
Compressing a file in WOFF2 format reduces its weight by at least 30% and thus contributes to limiting the carbon footprint of your website.
Good job!
In terms of color palette, black is the most energy intensive color.
Good job!
Thanks to OLED technology, black is the only color that does not consume energy. When designing your website, use monochrome colors because the files are less heavy. The blue color consumes 25% less energy than green and red. As for white, it is the color that consumes the most energy.
To find a balance between an effective and accessible color palette, it is important to consider color contrast.
Good job!