Comment choisir la bonne police de caractères
pour un site web ou un article

Avec Tilda, la plateforme tout-en-un, n'importe qui peut créer un site web sans faire appel à un développeur web ou à un designer professionnel.

Vous pouvez ajouter deux polices au maximum. D'une part, l'utilisation d'un nombre limité de polices crée une bonne impression visuelle. D'autre part, chaque police supplémentaire ralentit la vitesse de téléchargement des pages.

Allez dans "Paramètres du site", puis cliquez sur "Polices et couleurs", ce qui vous amènera aux paires de familles de polices. Il s'agit des combinaisons de deux polices recommandées par nos concepteurs. Faites défiler la page jusqu'à ce que vous trouviez la paire qui vous convient. Cliquez sur "Sélectionner" et "Enregistrer les modifications". Les polices de votre site seront modifiées.

Si vous faites défiler la page, vous trouverez des paramètres relatifs à la taille, au poids et à la couleur de la police. Les paramètres que vous définissez ici seront appliqués à l'ensemble du site. Si vous devez modifier les polices d'un bloc, vous pouvez le faire dans l'éditeur de chaque bloc.

Le poids de la police définit l'épaisseur de chaque police. En général, les polices ont deux styles : normal ou gras. Elles peuvent avoir des degrés d'épaisseur supplémentaires, de super léger à super gras. Tilda prend en charge cinq graisses de base : light, regular, medium, semi-bold et bold. Toutes les polices n'ont pas plusieurs graisses, certaines n'en ont que deux : regular et bold.

La taille de la police dépend de la quantité de texte sur votre site web. Si vous n'avez pas beaucoup de texte et que vous l'utilisez principalement pour les légendes et les commentaires, augmentez la taille de la police à 22 px (la taille de la police par défaut est de 20 px). Si vous avez beaucoup de texte, réduisez la taille des polices (18px) pour améliorer la lisibilité.

Ensuite, nous examinerons quatre poids de police différents pour les titres et le texte. Elles permettent de définir le ton de la voix d'un site web afin que ses pages soient équilibrées et correctes.

Il s'agit de la combinaison la plus basique qui fonctionne bien pour la plupart des sites web. Utilisez-la si vous souhaitez simplement créer une page web attrayante sans attirer l'attention sur des éléments particuliers. Elle convient à tous les sites web.

Utilisez les paramètres suivants dans les paramètres du site web :
Poids de la police du texte - Normal
Poids de la police du titre - Semi-Bold

Nous vous recommandons d'utiliser ce combo populaire si votre projet porte sur le dynamisme et l'énergie.

Il convient particulièrement aux sites web de bars, d'espaces de coworking, de promotions de concerts et de tournées, de compétitions sportives, etc.

Utilisez les paramètres suivants dans les paramètres du site web :
Text font weight - Normal
Headline font font weight - Bold

Il s'agit d'une combinaison moins courante ; elle est spectaculaire en raison du contraste des polices de caractères. Elle est très efficace lorsqu'il s'agit de faire coïncider l'entraînement avec le style. Par exemple, des titres et des textes remarquables et faciles à lire reflètent une conception esthétiquement agréable sur le site web de ce cours de marketing.

Utilisez les paramètres suivants dans les paramètres du site web :
Poids de la police du texte - Léger
Poids de la police du titre - Gras

Cette combinaison convient parfaitement aux projets portant sur la haute technologie, le progrès, la technologie de pointe ou tout ce qui doit être beau et fort. Elle est particulièrement réussie lorsqu'il y a beaucoup d'espace blanc, accentué par des taches de couleurs vives et de belles images.

Convient aux sites web présentant des gadgets, des bijoux, des cafés ou restaurants haut de gamme et des salons de beauté.

Utilisez les paramètres suivants dans les paramètres du site web :
Text font weight - Light
Headline font font weight - Light

Les empattements créent une ligne de guidage qui aide les yeux à glisser plus facilement et plus rapidement. Lorsque les premiers ordinateurs sont apparus, les polices sans empattement se sont répandues parce qu'elles étaient plus lisibles sur un écran à faible résolution.

Les écrans modernes affichent les deux polices aussi bien l'une que l'autre. C'est pourquoi, aujourd'hui, le choix entre les polices avec ou sans empattement est déterminé par la nature de votre message, et non par la lisibilité. Les polices avec empattement suggèrent parfois un ton plutôt formel et conviennent à certaines marques, mais pas à toutes.

Sur Tilda, il y a cinq façons d'ajouter une police :

Que pouvez-vous faire ? Premièrement, utilisez une bonne photo d'arrière-plan avec de grands éléments homogènes. Ensuite, appliquez un filtre d'atténuation pour adoucir votre image. Votre texte sera ainsi plus facile à lire. Troisièmement, vous pouvez augmenter le poids de votre bloc de conception à l'aide d'un style en ligne. Cela signifie que vous attribuez des paramètres à une section spécifique de votre texte, et non à l'ensemble du site web. Mettez en surbrillance le texte que vous souhaitez et définissez les paramètres à l'aide de l'éditeur de site web.

Le style appliqué de cette manière aura toujours la priorité sur les paramètres par défaut. Ainsi, lorsque vous modifiez les paramètres de police de votre site et que ces changements ne sont pas visibles sur le site web, cela signifie qu'ils sont "en ligne". Pour supprimer ces modifications, il suffit de mettre le texte en surbrillance et de cliquer sur "Effacer".

Si vous souhaitez en savoir plus sur la typographie, trouvez des sites web similaires à celui que vous concevez et découvrez les polices qui y sont utilisées. L'extension de navigateur What Font vous y aidera.

Parcourez également ces archives typographiques indépendantes. Elle présente une collection de sites web et d'échantillons de documents imprimés triés en fonction de leur type de police.