Définissez les tailles de police minimales et maximales pour les sites utilisant la version 7.0.

Tous les templates Squarespace ont un design réactif pensé pour optimiser la taille du texte de votre site sur chaque écran. Certains templates vous permettent de mettre à l’échelle les polices en sélectionnant manuellement les tailles maximale et minimale des titres, des en-têtes et des autres textes à mettre en avant.

Par exemple, vous pouvez définir Titre 1 pour une mise à l’échelle entre 12 et 25 pixels. Sur les petits navigateurs, tels que les appareils mobiles, la plus petite valeur pour vos en-têtes serait 12 pixels. Sur les grands navigateurs, comme un moniteur grand écran, les en-têtes pourraient être mis à l’échelle jusqu’à 25 pixels, mais jamais plus que cela. En général, la valeur des en-têtes se situe entre les deux tailles de police.

Vous pouvez définir ces règles dans les familles de templates suivantes :

• Skye
• Tremont
• York

Ce guide concerne les templates de la version 7.0 répertoriés ci-dessus. Pour en savoir plus sur la mise à l’échelle du texte dans la version 7.1 et dans d’autres familles de templates de la version 7.0, consultez l’article Mettre en forme un texte.

Avant de commencer

• Pour un affichage optimal, assurez-vous que la taille de police minimale de chaque en-tête est supérieure à la taille de police du corps de texte.
• Certains textes, tels que le corps de texte, ne peuvent pas être mis à l’échelle manuellement.
• Les longs mots ne seront pas coupés. Si un long mot s’affiche dans un petit espace (comme la mosaïque de miniatures en grille d’un blog), la fin du mot peut être coupée. Si cela se produit, réduisez la taille maximale pour vous assurer que tous les mots tiennent dans leur conteneur.
• Si votre site mobile ne fonctionne pas, essayez de réduire la taille minimale des polices.
• Pour découvrir comment mettre en forme le texte de votre site, consultez l’article Modifier les polices.

Définir les tailles de mise à l’échelle des polices

Pour définir manuellement les tailles maximale et minimale de votre texte :

1. Connectez-vous à votre site et accédez à une page contenant du texte que vous souhaitez mettre à l’échelle (tel que le texte Titre 1).
2. Ouvrez le panneau Styles du site.
3. Dans la famille York, assurez-vous que l’ajustement Échelle est coché pour ce type de texte. Par exemple, pour activer la mise à l’échelle du texte Titre 1, cochez l’ajustement Mettre à l’échelle le titre 1. Pour tous les autres templates, passez à l’étape suivante.
4. Cliquez sur l’ajustement de police pour ce type de texte (par exemple, Police du titre 1) et utilisez le curseur Taille de la police pour définir la taille de police maximale.
5. Utilisez l’ajustement Min pour définir la taille de police minimale pour ce type de texte (par exemple, Min. pour le titre 1). La police n’apparaîtra jamais plus petite que cette taille, même lorsqu’elle est affichée sur des appareils mobiles.
6. Cliquez sur Enregistrer pour appliquer vos modifications.

Aperçu de la mise à l’échelle des polices

Pour obtenir de meilleurs résultats lors de la prévisualisation de vos tailles de police maximale et minimale, ouvrez votre site sur un smartphone pendant que vous modifiez les tailles de police sur un ordinateur. Actualisez le smartphone chaque fois que vous enregistrez des modifications apportées aux styles du site. Il s’agit de la façon la plus précise de voir à quoi ressemble votre site sur différents appareils.

Remarque : la vue par appareil n’affiche pas toujours avec précision les polices mises à l’échelle. Toutefois, si le texte tient dans la zone de surlignage du style qui apparaît dans la vue par appareil, il s’affichera généralement bien sur les appareils mobiles.

Ajustements par template

Pour obtenir la liste complète des ajustements disponibles, consultez le guide de votre template :

• Skye
• Tremont
• York