The first thing to do is to consult your digital graphic charter . If the latter is obsolete or non-existent, then you are in the right place to select your new font(s) methodically.
Now, how do you proceed? To help you, we have gathered in this article everything you need to know before making your choice.
How to choose your font for your website? In the photo, there is a UI Designer working on different projects.
What is the difference between a “Web Police” and a “Web safe”?
Before choosing your font, it is important to know the difference between a web font and a web-safe font .
Web fonts refer to fonts that are custom designed for a brand or licensed.
Web safe fonts ( also called "system fonts" or "browser fonts") are the fonts that are built into devices and browsers by default. For example, we all know: Arial, Times New Roman, Verdana ...
Being available on Windows or Mac, Safari, Chrome, ..., web-safe fonts are the most used, unlike web fonts which require downloading and installation.
How to choose between a “Web Police” and a “Web safe”?
Both categories of policies have advantages and disadvantages.
Advantages and Disadvantages of Web Fonts
Benefits
Disadvantages
Originality . A web font can be created on demand .
Manual download and installation on your website
Quantity . There are many web fonts. They are updated regularly .
The loading speed of your site
Advantages and Disadvantages of Web Safe Fonts
Benefits
Disadvantages
The loading speed of your website. The difference is 99 acres database not huge, it is of the order of a few milliseconds, but this criterion counts in the natural referencing of your site
Originality . They are used on many websites .
Mobile usage . Web safe fonts allow you to create a general design of texts that is certainly simpler, but without loading times and especially without the risk of display problems ruining the user experience.
Eco -design . A website that wants to reduce its carbon footprint will favor this category of fonts.
What you need to remember from all this! A web font will allow you to differentiate yourself from others. Its originality will contribute to the visual identity of your website. Now, by playing on the size, weight, serif and spacing between letters and lines, you can also design an original and striking design with a web safe font.
Webinar
Eco-design: all the best practices to make your project a success
Watch the webinar!
What are the different types of fonts?
Let's start with a short definition. A font or typeface is a set of graphic signs of characters that constitute the same family . The same family has several sizes (body) and weights (thicknesses) and share the same coherent style in order to form a homogeneous whole. We can divide the types of fonts into 4 main categories :
Fonts with Serif;
Sans Serif fonts;
Script fonts;
Decorative fonts.
Opt for a font with Serif
Example of fonts with Serif: Times New Roman, Georgia, Courier
Serif fonts feature serifs (or flourishes). This type of font is used in print media or books because serifs help readers follow the line of text, making it easier to read.
On a website, it is more advisable to use them as additional content elements like titles, quotes, etc. For longer texts, this type of font can make the content more difficult to read.
Serif fonts give a touch of tradition, elegance, seriousness, “old school”.
