Personnaliser les polices dans Squarespace - dummies

Lorsque vous écrivez du contenu pour votre site, Squarespace vous permet de styliser des mots individuels ou des groupes de mots. Dans l'éditeur de style, cependant, vous ne stylisez pas les mots individuels sur votre site. Au lieu de cela, vous stylisez les éléments de texte que contient votre site, tels que le titre de votre site ou les titres de vos articles de blog. L'éditeur de style vous permet de contrôler comment ces éléments doivent être affichés sur l'ensemble du site.

Tous les modèles Squarespace sont uniques, ils n'ont donc pas les mêmes options de style. Par conséquent, les options de style suivantes peuvent ou peuvent ne pas être disponibles pour vos éléments de typographie:

• Font-family: Changer la police

• Style de police: Rendre le texte en gras ou en italique

• Taille de police: Changer la taille du texte

• Hauteur de la ligne: Modifiez la hauteur de chaque ligne de texte

• Transformation du texte: Changez le casse (majuscule, minuscule, majuscule)

• Décoration du texte: Souligné, souligné ou barré texte

• Espacement des lettres: Contrôle de l'espace entre les caractères individuels (connu sous le nom crénage )

Comment choisir une police de la liste (longue) > Squarespace donne accès à une longue liste de polices de polices Web Google et d'Adobe Typekit. Pour connaître les polices disponibles, cliquez sur un élément dans la section Typographie de l'éditeur de style. Une fenêtre de police pop-up apparaît. En haut de la fenêtre, vous voyez la police utilisée pour cet élément. Pour sélectionner une autre police, cliquez sur la police, puis sur une police dans la liste qui s'affiche.

Heureusement, chaque nom de police dans la liste est affiché dans cette police, faisant de la liste un aperçu de l'apparence des polices. Mais pour voir comment toutes les lettres et les chiffres apparaissent dans une police particulière, vous devez le sélectionner.

La liste des polices reste ouverte et l'élément sélectionné sur votre site est mis à jour avec la nouvelle police. Si vous n'aimez pas ce que vous voyez, continuez à sélectionner les polices dans la liste jusqu'à ce que vous en trouviez une que vous aimez.

Choisir la bonne taille

La définition de la taille de votre texte est simple. Si vous souhaitez que le texte de l'élément sélectionné soit plus grand ou plus petit, il vous suffit d'ajuster la taille par défaut, de deux manières:

Dans la fenêtre de la fenêtre pop-up, placez votre curseur sur l'option Taille de la police pour révéler un curseur que vous pouvez faire glisser pour ajuster la taille de la police.

• Lorsque vous faites glisser le curseur vers la gauche ou vers la droite, la valeur numérique de la taille de la police est mise à jour et le texte de votre site change. Double-cliquez sur la valeur numérique de la taille de la police et tapez une nouvelle valeur.

• Si vous souhaitez définir la taille de la police à une valeur spécifique, il est plus facile de la saisir que d'ajuster la valeur avec le curseur. Certains modèles affichent les paramètres de taille de police pour des éléments spécifiques dans la zone des paramètres Tailles et valeurs de l'éditeur de style.

Comment choisir les caractères en gras ou en italique

Certaines polices ont un paramètre gras, un paramètre en italique ou les deux. D'autres polices sont conçues avec différents niveaux de gras ou d'italique.

Si une police sélectionnée est en gras ou en italique, elle apparaîtra dans la fenêtre de style de texte. Cliquez simplement sur la case à cocher en regard de gras ou italique pour définir votre police avec ce style.

Si la police a des niveaux de gras différents, vous verrez une autre option à la place de Gras et Italique appelée Style. L'option Style a une liste déroulante de nombres, appelés

poids, qui augmentent par incréments de 100. Plus le nombre est élevé, plus la police est audacieuse. Généralement, une valeur de 400 est considérée comme identique à une police normale. Réglage précis de la hauteur de la ligne et de l'espacement des lettres

Il est toujours bon de vous assurer que votre texte est assez spacieux pour que les visiteurs puissent facilement lire votre site. Squarespace vous propose plusieurs façons de rendre votre texte plus lisible:

Hauteur de ligne:

• La valeur de hauteur de ligne est calculée en unités em. Un em est égal à la valeur de pixel de votre taille de police. Ainsi, si la taille de votre police est de 12 pixels (px), la définition de la hauteur de la ligne à 1em est égale à une hauteur de ligne de 12px et la définition de la hauteur de ligne à 2em équivaut à une hauteur de ligne de 24px. Qu'est-ce qui serait égal à 1. 5em si votre taille de police était encore 12px? C'est vrai, 18px. (La moitié de 12 est 6, et 12 plus 6 pixels sont 18. Je parie que vous n'avez jamais pensé que les mathématiques seraient utiles pour concevoir un site Web.) Lorsque vous réglez la hauteur de ligne, je vous suggère de ne jamais Prévoyez un peu d'espace pour les lettres avec des descendants (tels que g, j et p).

  Espacement des lettres:

• L'espacement des lettres, également appelé crénage, est l'espacement entre les caractères individuels. L'espacement des lettres est mieux utilisé sur les titres et les en-têtes, pas pour le corps du texte. Lorsque vous mesurez l'espacement des lettres dans Squarespace, les unités sont en pixels. Vous pouvez ajouter une valeur négative pour rapprocher vos lettres. Pour modifier la hauteur de la ligne ou l'interligne, utilisez le curseur qui apparaît lorsque vous passez le curseur sur l'une ou l'autre des options, comme illustré à la Figure 7-9.

Transformer du texte avec des modifications de cas

Vous pouvez afficher les en-têtes et les titres en majuscules ou en minuscules, malgré la façon dont vous les tapez dans votre site. Ou peut-être voulez-vous que la première lettre de chaque mot d'un titre soit capitalisée. Vous pouvez le faire en choisissant l'option appropriée pour le paramètre de transformation Texte.

Dans la fenêtre Police d'un élément Typographie (voir Figure 7-5), cliquez sur l'option Transformation texte pour afficher un menu contextuel avec vos choix: Aucun, Majuscule (majuscule la première lettre), Majuscule (majuscule toutes lettres), et en minuscules (minuscules toutes lettres).

Pour les titres de blog, je laisse toujours la fonctionnalité Transformation du texte définie sur Aucun. Pourquoi? Le style de votre texte à l'aide de la fonctionnalité Transformation du texte est absolu et ne prend pas en compte les mots tels que iPhone et les termes que vous utilisez habituellement en minuscules dans les en-têtes, tels que les prépositions.Lisez l'encadré "Les moteurs de recherche lisent le texte mais ne le voient pas" pour plus d'informations sur l'utilisation de la fonction Transformation de texte.