Intégration des polices Adobe Typekit dans votre site Web Squarespace - Les nuls

Squarespace 6 est intégré à Typekit pour vous permettre d'utiliser plus facilement les polices Typekit personnalisées. Avant de pouvoir ajouter des polices Typekit personnalisées à votre site Squarespace, vous devez disposer d'un compte Typekit et sélectionner les polices à utiliser sur votre site.

Connectez-vous simplement à votre site Squarespace, ouvrez l'éditeur de style et cliquez sur l'un des éléments de typographie dans la liste Éditeur de style. Dans la liste des polices, les polices sont divisées en trois groupes: w eb - safe f onts , une petite liste de polices couramment trouvées sur tous des ordinateurs; f onts par Typekit , une sélection de taille professionnelle de polices professionnelles de Typekit; et Google f onts , un grand choix de polices de Google Webfonts.

La liste de Typekit que vous voyez est juste un petit échantillon des polices qu'offre Typekit. Vous pouvez parcourir toutes les polices proposées par Typekit. Pour utiliser une police Typekit qui ne figure pas dans la liste des polices de l'éditeur de style, vous devez disposer d'un compte Typekit.

Voici comment acquérir les polices Typekit:

1Inscrivez-vous à un compte Typekit.

Choisissez le plan de tarification qui vous convient à partir de Typekit. Le plan de prix détermine le nombre de polices auxquelles vous pouvez accéder.

Typekit propose un compte d'essai gratuit qui n'expire pas.

2Parcourez les polices dans la bibliothèque Typekit.

Lorsque vous trouvez une police que vous aimez, cliquez sur le bouton Créer un kit.

3Créez votre kit.

Dans la fenêtre qui s'affiche, attribuez un nom à votre kit et répertoriez tous les domaines utilisés pour accéder à votre site. Assurez-vous d'inclure votre URL de compte Squarespace ( youraccount . Squarespace.com) et un domaine personnalisé (www. yourdomain . Com) si vous en avez ajouté un sur votre site.

4Cliquez sur le bouton Continuer.

L'écran Installer JavaScript apparaît. Vous pouvez ignorer le code JavaScript car vous n'aurez pas besoin d'utiliser le code sur votre site. Squarespace a une solution plus intégrée pour se connecter à un kit dans votre compte Typekit.

5Cliquez sur le bouton Continuer.

L'écran de l'éditeur Typekit apparaît avec la police que vous avez sélectionnée à l'étape 2.

6Cliquez sur le bouton Publier.

Ceci enregistre votre kit.

7Choisissez l'ID de votre kit.

Cliquez sur le lien Code d'intégration dans l'angle supérieur droit de l'écran Editeur. Une boîte de dialogue apparaît, affichant le code JavaScript. Ignorez le code JavaScript, mais copiez l'ID du kit Typekit, qui apparaît en bas à droite.

8Ajoutez l'ID du kit à votre site Squarespace.

Connectez-vous à votre site et ajoutez l'ID dans le Gestionnaire de site → Paramètres → Général → Paramètre d'ID de kit Typekit.

9Enregistrez vos modifications.

Toutes les polices que vous ajoutez à votre kit dans Typekit remplaceront la liste par défaut des polices Typekit et seront affichées dans toutes les listes de polices dans l'éditeur de style.