Comment jumeler les polices | Expliqué

Rendre la conception de sites Web délicieusement agréable tout en le gardant absolument professionnel est très important dans le développement du site Web. L'utilisation des bonnes polices et les bonnes couples de polices aident à maintenir la cohérence d'une conception de site Web et à améliorer l'expérience utilisateur. Cela laisse un bon impact sur l'utilisateur qui se trouve être bon pour votre entreprise. CSS vous permet d'utiliser de nombreuses paires de polices. Cette rédaction traite des éléments suivants:

1. Lignes directrices sur l'appariement des polices
2. Quelques superbes paires de polices

Commençons.

Lignes directrices sur l'appariement des polices

Lors de l'appariement des polices, il y a des lignes de guidage qui devraient être prises en charge. Ici, nous avons noté quelques conseils sur les polices de jumelage.

1. Évitez les conflits visuels
   Le conflit visuel se produit lorsque vous utilisez des paires de polices qui ne se complètent pas. Afin d'éviter ce conflit visuel, choisissez un appariement de police qui est diversifié mais se mélange bien ensemble.
2. Paire des superfamilles de police
   L'utilisation de paires de polices à l'intérieur d'une superfamille de police pourrait s'avérer être un très bon choix. Ne considérez que ces paires de polices qui se complètent mais ne ressemblent pas trop. Vous pouvez comparer les accords de police à partir d'une superfamille de police sur la base de Serif vs. sans serif, épais vs. mince ou condensé vs. étendu.
3. Maintenir le contraste
   Le maintien du contraste est absolument nécessaire lors de l'appariement des polices. Le contraste vous aide à maintenir un équilibre dans votre appariement de police d'une manière que deux polices de la même superfamille de police s'harmonisent mais semblent très différentes. L'utilisation d'un SANS avec un Sans-Serif pourrait être un moyen de garder un contraste bien que ce ne soit pas la seule façon de le faire.
4. Utilisez moins de trois polices
   Afin de rendre la conception de votre site Web visuellement agréable, l'utilisation de seulement deux polices serait plus que suffisante (l'une pour l'en-tête et l'autre pour le texte du corps). Optez pour le troisième seulement lorsque cela est nécessaire.

Maintenant que nous avons compris certaines règles de base de l'appariement des polices, passons par quelques bonnes options de jumelage de polices.

Quelques superbes paires de polices

Il existe plusieurs référentiels d'où vous pouvez obtenir de nombreuses polices incroyables telles que les polices Google, les polices en adobe, les polices.com, et bien d'autres. Garder les règles ci-dessus à l'esprit, vous pouvez créer une bonne appariement de polices de votre choix.

Ici, nous avons répertorié de bonnes options de jumelage pour vous!

Verdana et Géorgie

Verdana propose des caractères audacieux et larges le rendant approprié pour le texte d'en-tête, les coups minces et les serifs épaissis de Géorgie en font un choix parfait pour le texte du corps.

Exemple
Dans cet exemple, Verdana est utilisée pour l'en-tête et la Géorgie est utilisée pour le paragraphe.

H1
Font-Family: Verdana, Sans-Serif;
taille de police: 28px;

p
Font-Family: Géorgie, Serif;
taille de police: 16px;

Sortir

Une combinaison de Verdana et de Géorgie est utilisée.

Homard et cabine

La combinaison de homard et de cabine fonctionne parfaitement bien. Ces deux polices se complètent d'une manière que le homard est audacieux et attrayant tandis que la cabine est simple et simple.

Exemple
Dans l'exemple mentionné ci-dessous, le homard est utilisé pour le cap, et la cabine est pour le paragraphe.

H1
Font-Family: homard, serif;
taille de police: 28px;

p
Font-Family: Cabin, Sans-Serif;
taille de police: 16px;

Sortir

Une combinaison de polices de homard et de cabine est utilisée.

Helvetica et Géorgie

Helvetica est un choix très populaire en ce qui concerne les noms de marque en raison de son look soigné, audacieux et moderne, et la Géorgie est un excellent choix pour le texte du corps en raison des coups minces de ses personnages.

Exemple
Cet exemple utilise la police Helvetica pour la tête et la police de Géorgie pour le paragraphe.

H1
Font-Family: Helvetica, Sans-Serif;
taille de police: 28px;

p
Font-Family: Géorgie, Serif;
taille de police: 16px;

Sortir

Une combinaison d'Helvetica et de Géorgie est utilisée.

Cinzel et Faune

Cinzel et Fauna One sont des polices Google. Cinzel s'inspire des inscriptions romaines et a un style contemporain. D'un autre côté, Fauna One a une touche moderne avec une structure douce et condensée.

Exemple
Dans cet exemple, Cinzel est utilisé pour le cap, et Fauna One est utilisé pour le paragraphe.

Sortir

Une combinaison de polices de Cinzel et de Faune est utilisée.

Josefin Slab et Josefin sans

La dalle Josefin a un style de machine à écrire qui se passe parfaitement bien avec le style vintage Josefin sans. Pour les titres, la dalle Josefin est utilisée tandis que pour les paragraphes, Josefin Sans est utilisé.

Exemple
Cet exemple utilise la dalle de josefin pour les titres et Josefin Sans pour les paragraphes.

Sortir

Une combinaison de la dalle de josefin et de Josefin Sans est utilisée.

Ce sont quelques échantillons de paires de polices. En utilisant les directives mentionnées ci-dessus, vous pouvez créer votre propre appariement de polices et créer un site Web fantastique!

Conclusion

Les bonnes appariements de polices peuvent créer des sites Web extrêmement agréables qui améliorent l'expérience utilisateur et sont donc cruciaux pour la structure d'une bonne conception Web. Certaines lignes directrices doivent être suivies lors de la combinaison des polices telles que; Éviter les conflits visuels, s'appuyer dans les superfamilles de police, maintenir le contraste et utiliser pas plus de trois polices. Cette rédaction traite de ces directives et met en valeur certaines paires de polices populaires.