Changer la police sur Squarespace 7.1 (Site Styles + CSS)

Changez les polices sur Squarespace 7.1 via Site Styles, importez votre propre police ou ciblez un élément en CSS. Étapes, tableau comparatif et solutions.

Questions fréquentes

Comment changer la police de tout mon site Squarespace ?

Sur un site en version 7.1, ouvrez Site Styles (Styles du site), cliquez sur Fonts (Polices), puis choisissez un pack de polices recommandé ou ouvrez All Font Packs (Tous les packs de polices) et filtrez par sans-serif, serif ou mixte. Un pack définit d'un seul coup les polices des titres, des paragraphes, des boutons et des textes divers.

Puis-je utiliser n'importe quelle police Google Fonts dans Squarespace ?

Vous pouvez rechercher une police Google Fonts par son nom dans le menu déroulant des polices, mais le centre d'aide de Squarespace précise que toutes les polices Google Fonts ne figurent pas dans sa bibliothèque. Si celle que vous voulez est absente, vous pouvez importer vous-même le fichier de police, à condition que sa licence l'autorise.

Quels types de fichiers de police puis-je importer dans Squarespace ?

L'outil d'import de polices de Site Styles accepte les fichiers OTF, TTF, WOFF et WOFF2. La zone distincte Custom Files (Fichiers personnalisés), utilisée avec l'éditeur CSS, liste TTF, OTF et WOFF : pour un fichier WOFF2, passez donc par l'outil d'import de Site Styles plutôt que par cette zone.

Ai-je besoin d'une autorisation pour importer une police personnalisée ?

Oui. Le centre d'aide de Squarespace indique qu'il faut l'autorisation du propriétaire ou du concédant de la police pour l'utiliser sur votre site. Vérifiez que la licence couvre l'usage web avant de l'importer.

Pourquoi les étapes sont-elles différentes sur mon site ?

Les sites en version 7.0 et en version 7.1 n'ont pas les mêmes réglages de polices. Les étapes de ce guide concernent la version 7.1. Sur la 7.0, les changements de police passent par Site Styles dans le panneau Design. Squarespace précise aussi que les polices Adobe personnalisées configurées sur la 7.0 ne sont pas prises en charge sur la 7.1 : vous devrez donc choisir une police intégrée à la 7.1.

Mon CSS personnalisé est-il conservé si je change de modèle ?

Sur un site en version 7.0, Squarespace indique que le CSS personnalisé n'est pas transféré lorsque vous changez de modèle. Gardez une copie de tout CSS ajouté pour pouvoir le recoller si nécessaire.

En bref : sur un site Squarespace 7.1, ouvrez Site Styles (Styles du site), cliquez sur Fonts (Polices), puis choisissez un pack de polices ou stylisez séparément Headings (Titres), Paragraphs (Paragraphes), Buttons (Boutons) et Miscellaneous (Divers). Pour utiliser une police absente de la bibliothèque, importez votre propre fichier dans le même panneau. Ne recourez au CSS personnalisé que pour modifier un élément précis.

Ce guide couvre les étapes de la version 7.1, telles que décrites dans le centre d'aide de Squarespace (vérifié en novembre 2026). Si votre site est en version 7.0, les noms des panneaux diffèrent ; reportez-vous à la note sur les versions vers la fin.

Quelle méthode choisir ?

Choisissez l'option la plus simple qui donne le résultat voulu. Chaque ligne du tableau demande un peu plus de mise en place que la précédente.

Ce que vous voulez	Meilleure méthode	Effort
Un nouveau style complet en un clic	Pack de polices dans Site Styles	Faible
Des polices différentes pour les titres et le corps de texte	Polices par catégorie dans Site Styles	Faible
Une police Google Fonts précise	Recherche dans le menu déroulant des polices	Faible
Une police de marque dont vous détenez la licence	Importer un fichier de police	Moyen
Un seul titre, un seul bouton ou une seule section	CSS personnalisé	Moyen à élevé

Méthode 1 : changer les polices avec un pack de polices

Un pack de polices applique des polices assorties à toutes les catégories de texte à la fois. C'est le moyen le plus rapide de relooker un site.

Ouvrez l'éditeur et cliquez sur Site Styles (l'icône de pinceau).
Cliquez sur Fonts.
Choisissez l'un des packs recommandés, ou cliquez sur All Font Packs et filtrez par sans-serif, serif ou mixte.
Faites défiler vos pages pour vérifier les titres, le corps de texte et les boutons avant de fermer le panneau.

Les packs sont un bon point de départ, mais vous pouvez vous retrouver avec une police de titre qui vous plaît et une police de texte qui ne vous plaît pas. C'est ce que corrige la méthode suivante.

Méthode 2 : changer la police d'une seule catégorie de texte

Dans Fonts, Squarespace répartit le texte en quatre groupes, que vous pouvez régler séparément :

Headings (titres) : titres de pages et styles de titres de vos blocs de texte.
Paragraphs (paragraphes) : corps de texte.
Buttons (boutons) : libellés des boutons.
Miscellaneous (divers) : textes plus petits comme les légendes et les libellés de formulaire (l'étendue exacte de ce groupe varie selon le modèle ; vérifiez donc quelques pages après modification).

Pour en modifier un :

Dans Site Styles > Fonts, cliquez sur la catégorie voulue, par exemple Headings.
Ouvrez le menu déroulant des polices et recherchez par nom.
Choisissez la police, puis ajustez au besoin son style, sa graisse et sa taille.
Pour les polices Adobe Fonts, utilisez le lien Additional Fonts (Polices supplémentaires) en bas de la liste.

Squarespace permet aussi de définir une taille de base à partir de laquelle les autres textes s'adaptent. Si tout paraît trop grand ou trop petit après un changement de police, réglez d'abord cette taille avant de redimensionner les blocs un par un.

Un conseil pratique : modifiez les titres et les paragraphes en deux temps. Si vous changez les deux à la fois et que quelque chose cloche, vous ne saurez pas lequel est en cause. Pour vous aider à choisir une association de polices, consultez notre guide comment choisir les polices de votre site web.

Méthode 3 : importer votre propre police

Si votre marque utilise une police absente de la bibliothèque, importez-la. Squarespace indique qu'il faut l'autorisation du propriétaire ou du concédant de la police pour l'utiliser ainsi.

Procurez-vous le fichier de police au format OTF, TTF, WOFF ou WOFF2. L'outil d'import de Site Styles accepte les quatre.
Ouvrez Site Styles > Fonts, choisissez une catégorie (ou le menu déroulant des polices) et repérez l'option d'import.
Glissez votre fichier dans le panneau des polices importées, ou cliquez sur l'icône plus et sélectionnez-le sur votre ordinateur.
Sélectionnez la police importée pour la catégorie souhaitée.
Publiez, puis consultez le site en ligne sur ordinateur et sur mobile pour vérifier que la police se charge bien.

Le libellé de l'interface change de temps en temps : si un bouton porte un autre nom, cherchez l'icône d'import ou l'icône plus dans le menu déroulant des polices.

Problèmes d'import courants

La police apparaît dans la liste mais s'affiche mal. Il manque peut-être une graisse ou un style (gras, italique) dans le fichier. Importez chaque graisse que vous comptez utiliser comme fichier distinct.
La police fonctionne dans l'éditeur mais pas pour les visiteurs. Actualisez la page publiée en vidant le cache (rechargement forcé) et vérifiez que la licence du fichier de police couvre l'usage web.
Vous avez importé un fichier WOFF2 et essayé de l'appeler depuis la zone de fichiers CSS. La zone Custom Files de l'éditeur CSS liste TTF, OTF et WOFF comme types de polices, pas WOFF2. Utilisez l'outil d'import de Site Styles pour le WOFF2.

Méthode 4 : cibler un élément avec du CSS personnalisé

Site Styles modifie les polices à l'échelle du site, par catégorie. Quand il vous faut une exception, par exemple un titre dans une autre police, le CSS personnalisé peut s'en charger. Les recommandations de Squarespace sur le CSS précisent qu'il faut le limiter aux polices, aux couleurs et aux arrière-plans, car d'autres modifications risquent de casser votre mise en page.

Importez d'abord la police avec la méthode 3, ou choisissez une police de la bibliothèque, afin qu'elle soit déjà disponible sur votre site.
Ouvrez Website > Pages > Custom CSS (le chemin exact peut varier légèrement selon le site).
Collez une règle comme celle ci-dessous, puis enregistrez.

```css /* Example: make every H2 use a font that is already on your site */ h2 { font-family: "Your Font Name", serif; letter-spacing: 0.02em; }

/* Example: change button text only */ .sqs-button-element--primary { font-family: "Your Font Name", sans-serif; } ```

Remplacez « Your Font Name » par le nom exact affiché dans Site Styles. La police générique de secours (serif ou sans-serif) garde le texte lisible si la police ne se charge pas. Les noms de classes peuvent varier selon le modèle et les mises à jour de Squarespace : utilisez l'inspecteur de votre navigateur pour confirmer le sélecteur de l'élément visé.

Si vous appliquez du CSS à une seule page, le centre d'aide de Squarespace décrit des options au niveau de la page ; vérifiez les étapes actuelles à cet endroit avant de vous y fier.

Une checklist rapide avant de publier

Copiez cette liste et passez-la en revue une fois.

[ ] Les titres et le corps de texte utilisent au plus deux familles de polices.
[ ] Le corps de texte est facile à lire sur mobile, pas seulement sur ordinateur.
[ ] Chaque graisse utilisée (normal, gras, italique) existe dans la police.
[ ] Vous avez la licence pour utiliser sur le web toute police importée.
[ ] Les boutons et les libellés de formulaire utilisent une police cohérente avec le reste de la page.
[ ] Vous avez sauvegardé une copie de tout CSS personnalisé ajouté.
[ ] Vous avez vérifié le site en ligne, pas seulement l'aperçu de l'éditeur.

Version 7.0 ou 7.1

Le centre d'aide de Squarespace indique que les options de polices de la 7.1 s'appliquent aux sites 7.1 et que les sites 7.0 ont leurs propres réglages. Sur la 7.0, les changements de police passent par Site Styles dans le panneau Design. Si vous envisagez de migrer, Squarespace propose un outil de mise à jour, et notre avis sur Squarespace explique comment se positionne l'éditeur actuel. Si les polices ne sont qu'une des choses qui vous agacent, la page alternatives à Squarespace présente d'autres créateurs de sites, et notre détail des coûts montre ce que coûte au total un site Squarespace.

Si vous démarrez un nouveau site

Quand vous choisissez un modèle ou construisez un site de zéro, décidez de la typographie en premier : c'est plus simple que de la corriger après coup. Le forfait gratuit de We.Inc permet de publier jusqu'à trois sites à partir de modèles prêts à l'emploi ; le créateur IA qui rédige un site à partir d'une description démarre avec le forfait Starter à $20 par mois. Vous pouvez vous inscrire ici.

Commencer gratuitement · Sans carte bancaire

Umair Ali Sadaqat

Fondateur de We.Inc

Umair est le fondateur de We.Inc. Il écrit sur la création de sites web avec l’IA, les agences et la gestion d’un studio web.

Prêt à créer quelque chose de grand ?

Rejoignez les 15,000+ entreprises qui utilisent We.Inc pour lancer, développer et automatiser, le tout depuis une seule plateforme.