CSS Excellentes associations de polices
Règles d'association de polices
De bonnes associations de polices sont essentielles à un excellent design !
Voici quelques règles de base pour créer de belles associations de polices :
1. Complément
Il est toujours judicieux de trouver des associations de polices qui se complètent.
Une excellente combinaison de polices doit s'harmoniser, sans être trop similaire ni trop différente.
2. Utilisez des super-familles de polices
Une super-famille de polices est un ensemble de polices conçues pour bien fonctionner ensemble. Par conséquent, utiliser différentes polices au sein de la même super-famille est une bonne idée.
Par exemple, la super-famille Lucida contient les polices suivantes : Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif et Lucida Math.
3. Le contraste est roi
Deux polices trop similaires peuvent souvent entrer en conflit. Cependant, des contrastes bien réalisés mettent en valeur le meilleur de chaque police.
Exemple : Combiner une police serif avec une sans serif est une combinaison bien connue.
Une forte super-famille inclut à la fois des variations serif et sans serif de la même police (par exemple, Lucida et Lucida Sans).
4. Choisissez seulement un chef
Une police doit être le chef. Cela établit une hiérarchie pour les polices sur votre page. Cela peut être réalisé en variant la taille, le poids et la couleur.
Exemple
Sans aucun doute, "Georgia" est le chef ici :
body {
background-color: black;
font-family: Verdana, sans-serif;
font-size: 16px;
color: gray;
}
h1 {
font-family: Georgia, serif;
font-size: 60px;
color: white;
} Ci-dessous, nous avons présenté quelques associations de polices populaires qui conviendront à de nombreuses marques et contextes.
Georgia et Verdana
Georgia et Verdana forment une combinaison classique. Elles respectent également les normes des polices web sécurisées :
Exemple
Utilisez la police "Georgia" pour les titres et "Verdana" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Helvetica et Garamond
Helvetica et Garamond constituent une autre combinaison classique utilisant des polices web sécurisées :
Exemple
Utilisez la police "Helvetica" pour les titres et "Garamond" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Associations de polices Google populaires
Si vous ne souhaitez pas utiliser de polices standard en HTML, vous pouvez opter pour Google Fonts.
Google Fonts sont gratuits à utiliser et proposent plus de 1000 polices au choix.
Ci-dessous, quelques associations de polices Google Web populaires.
Merriweather et Open Sans
Exemple
Utilisez la police "Merriweather" pour les titres et "Open Sans" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Ubuntu et Lora
Exemple
Utilisez la police "Ubuntu" pour les titres et "Lora" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Abril Fatface et Poppins
Exemple
Utilisez la police "Abril Fatface" pour les titres et "Poppins" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Cinzel et Fauna One
Exemple
Utilisez la police "Cinzel" pour les titres et "Fauna One" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Fjalla One et Libre Baskerville
Exemple
Utilisez la police "Fjalla One" pour les titres et "Libre Baskerville" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Space Mono et Muli
Exemple
Utilisez la police "Space Mono" pour les titres et "Muli" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Spectral et Rubik
Exemple
Utilisez la police "Spectral" pour les titres et "Rubik" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Oswald et Noto Sans
Exemple
Utilisez la police "Oswald" pour les titres et "Noto Sans" pour le texte :
Belle Norvège
La Norvège a une superficie totale de 385 252 kilomètres carrés et une population de 5 438 657 (décembre 2020). La Norvège est bordée par la Suède, la Finlande et la Russie au nord-est, et le Skagerrak au sud, avec le Danemark de l'autre côté.
La Norvège possède de belles montagnes, des glaciers et des fjords époustouflants. Oslo, la capitale, est une ville d'espaces verts et de musées. Bergen, avec ses maisons en bois colorées, est le point de départ des croisières vers le dramatique Sognefjord. La Norvège est également connue pour la pêche, la randonnée et le ski.
Pour une liste de toutes les polices Google gratuites, visitez notre Comment faire - Tutoriel sur les polices Google .