Comment choisir les polices de caractères pour un site web ou un article ?

Dans cet article, nous avons expliqué quelques-uns des éléments essentiels dont vous avez besoin pour faire le bon choix si vous construisez votre site web sur Tilda, la plateforme tout-en-un qui permet à n'importe qui de créer un site web sans faire appel à un développeur web ou à un concepteur professionnel.

Vous pouvez télécharger un maximum de deux polices. L'utilisation d'un nombre limité de polices crée une bonne expérience visuelle. En outre, l'utilisation de polices supplémentaires peut ralentir la vitesse de chargement des pages. C'est pourquoi il n'y a que deux polices.

Dans les "Paramètres du site", continuez et cliquez sur "Polices et couleurs". Cette commande vous permettra d'accéder aux polices de base sélectionnées par nos concepteurs professionnels. Une fois que vous avez trouvé la police que vous préférez, cliquez sur "Sélectionner" et "Enregistrer les modifications". Une fois cette opération effectuée, la police de caractères du site web changera automatiquement.

Une fois que vous aurez fait défiler la page, vous trouverez les paramètres relatifs à la taille, au poids et à la couleur de la police. Les paramètres utilisés lors de la phase seront appliqués à l'ensemble du site. Si vous souhaitez modifier la police, vous pouvez le faire dans l'éditeur spécifié pour chaque bloc.

Le poids de la police explique l'épaisseur associée à chaque police. Les polices ont deux styles de base - régulier ou gras - avec une épaisseur supplémentaire qui va de super léger à super gras. Tilda prend en charge cinq graisses de base : light, regular, medium, semibold et bold. Bien que ces graisses soient limitées, certaines polices n'ont que deux graisses : Regular et Bold.

La taille de la police que vous souhaitez utiliser dépend du volume de contenu utilisé sur le site web. Si le site sur lequel vous travaillez comporte des contenus tels que des légendes et des commentaires, vous pouvez augmenter la taille de la police à 22 px (la taille de la police par défaut est de 20 px). En revanche, si le site web contient beaucoup de texte, vous pouvez réduire la taille de la police (18px) pour améliorer la lisibilité.

La phase suivante consiste à examiner les quatre poids de police différents recommandés pour le titre et le texte. Cette caractéristique permet de trouver un équilibre dans le ton de la voix.

Il s'agit d'un mélange de base compatible avec la plupart des sites web. Nous le recommandons si vous souhaitez conserver un style unifié et ne pas attirer l'attention sur un élément spécifique.

Utilisez les paramètres suivants dans les paramètres du site web :
Poids de la police du corps de texte - Normal
Poids de la police de l'en-tête - Semi-Bold

Nous recommandons cette combinaison si vous travaillez sur un projet d'entraînement et d'énergie.

Elle est recommandée sur les sites web destinés aux concerts, aux promotions de tournées, aux bars, aux espaces de coworking, aux compétitions sportives, etc.

Utilisez les paramètres suivants dans les paramètres du site web :
Poids de la police du texte du corps - Normal
Poids de la police de l'en-tête - Gras

Cette combinaison est assez rare ; elle semble dramatique en raison du contraste utilisé sur les polices de caractères. Cependant, c'est un mélange parfait de dynamisme et de style. Par exemple, des titres et des textes remarquables et faciles à lire reflètent une conception esthétiquement agréable dans cette page d'atterrissage du site web du cours.

Utilisez les paramètres suivants dans les paramètres du site web :
Poids de la police du corps du texte - Light
Poids de la police des titres - Bold

Il s'agit d'une combinaison parfaite pour les projets destinés à être attrayants et à attirer l'attention, comme la technologie de pointe, le progrès ou la haute technologie. Cette combinaison de polices semble parfaite lorsqu'elle est utilisée sur une page comportant de nombreux espaces blancs accentués par des points de couleur vive 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 :
Poids de la police du corps du texte - Light
Poids de la police de l'en-tête - Light

Les polices sans empattement ont une ligne directrice qui permet à l'œil de glisser facilement et rapidement. Lorsque les premiers ordinateurs sont apparus, les polices sans empattement se sont répandues car elles sont plus lisibles sur un écran à faible résolution.

La plupart des écrans modernes affichent parfaitement les deux polices. C'est pourquoi le choix entre Serif et Sans serif dépend uniquement du message que vous souhaitez faire passer et non du score de lisibilité. Les polices avec empattement conviennent à une utilisation formelle et sont recommandées pour des marques spécifiques.

Sur Tilda, il y a cinq façons d'ajouter des polices :

Que pouvez-vous faire ? Premièrement, utilisez la bonne photo sur l'arrière-plan avec des éléments larges et homogènes. Deuxièmement, appliquez un filtre d'atténuation pour adoucir l'image. Cela contribuera à améliorer la lisibilité. Troisièmement, vous pouvez augmenter le poids de la police pour un bloc spécifique en utilisant un style en ligne. Cela signifie que vous pouvez attribuer des paramètres à une section spécifique de votre texte et non à l'ensemble du site web. Mettez le texte en surbrillance à l'aide de l'éditeur de site web en ligne.

Les styles appliqués de cette manière ont toujours la priorité sur les paramètres par défaut. C'est pourquoi, si vous modifiez les polices dans les Paramètres du site et que les modifications ne sont pas visibles sur le site web, cela signifie que vous avez préalablement défini le style en ligne. Pour supprimer le style en ligne, mettez le texte en surbrillance et cliquez sur "Effacer tout le formatage".

Si vous souhaitez en savoir plus sur la typographie, visitez un site web similaire au projet sur lequel vous travaillez et vérifiez les polices utilisées. L'extension de navigateur What Font vous aidera à identifier rapidement les polices de caractères sur les pages web.

Vous pouvez également consulter ces archives typographiques indépendantes. Elles présentent une collection de sites web et d'échantillons imprimés triés en fonction du type de police utilisé.