Cet article explique comment télécharger et postuler polices personnalisées in GemPages, à travers les deux Version 7 et Version 6.
Qu'est-ce qu'une police personnalisée ?
A police personnalisée Il s'agit d'une police de caractères qui n'est pas incluse par défaut dans les bibliothèques standard comme Google Fonts. Elle est téléchargée manuellement sur votre boutique pour refléter la personnalité de votre marque.
Pourquoi utiliser des polices personnalisées dans Shopify ?
- Renforcer la cohérence de la marque sur toutes les pages
- Obtenez une typographie unique non proposée par les bibliothèques standard
- Améliorer la hiérarchie visuelle et la lisibilité
- Démarquez-vous de vos concurrents grâce à un design personnalisé
Comment importer une police personnalisée dans GemPages version 7
Avec GemPages version 7, vous pouvez importer des polices Shopify personnalisées directement dans l'éditeur. Bien que Google Fonts soit disponible, cette fonctionnalité vous permet d'importer la police de votre choix.
Comment télécharger une police dans GemPages V7
Méthode 1 : Télécharger des polices via l'éditeur
Étape 1 : Dans l'éditeur GemPages, choisissez n'importe quel élément contenant des paramètres de texte, comme un titre.

Étape 2 : Préparez la police.
Vous pouvez télécharger la police que vous souhaitez utiliser à partir d'une source en ligne/hors ligne ou l'acheter auprès d'un fournisseur. Ensuite, enregistrez la police sur votre ordinateur pour la télécharger dans GemPages Editor.
Étape 3 : Rendez-vous dans la section Fonte section et ouvrez la liste des polices. Ensuite, cliquez sur le bouton Télécharger la police .

Étape 4 : Une fois le téléchargement réussi, la police sera visible dans le Envoyé .

Étape 5 : Vérifiez comment la police personnalisée est affichée dans les modes éditeur et page en direct.
Méthode 2 : Télécharger des polices via les styles globaux
Allez dans Styles globaux et accéder à la Gestion des policesr section. Là, vous pouvez télécharger la police personnalisée pour votre titre et votre paragraphe.

Comment supprimer une police personnalisée
Étape 1 : Survolez les options de police, vous verrez le Corbeille icône à droite de la police personnalisée.

Étape 2 : Cliquez sur l’icône Corbeille à côté.
Étape 3 : Confirmez votre suppression.

Comment vérifier vos polices personnalisées récentes
Étape 1 : Dans les options de police, sélectionnez le Autres icône à côté du nom de la police pour afficher la liste des polices.
Étape 2 : Vérifiez les trois polices les plus récentes affichées en haut de la liste des polices.

Téléchargement d'une police personnalisée dans GemPages version 6
Contrairement à V7, GemPages V6 s'appuie sur les fichiers de thème de Shopify pour héberger et restituer les polices.
Avec les mises à jour récentes de Shopify, vous ne pouvez plus télécharger de fichiers .ttf et .ottf dans un thème. Au lieu de cela, vous pouvez ajouter un fichier de police dans le Fichier section dans votre Administrateur Shopify.
Étape 1 : Télécharger le fichier de police sur Shopify
- Allez dans Administrateur Shopify > Contenu > Fichier. Téléchargez votre fichier de police en sélectionnant « Télécharger le fichier ».

- La fenêtre qui s'ouvre vous permet de sélectionner le fichier de police à ajouter. Après avoir téléchargé le fichier, sélectionnez l'option Lien icône pour copier le lien du fichier.

Étape 2 : Modifier le code du thème Shopify
- Allez dans Boutique en ligne > Thèmes. Cliquez sur le bouton à trois points et sélectionnez « Modifier le code ».

- Après cela, recherchez le fichier « thème.liquid » sous le Mise En Page section ou via la barre de recherche. Sélectionnez pour ouvrir le fichier.

- Ajoutez le code suivant au bas du fichier.
<style>
@font-face {
font-family: "FontName";
src: url("Linkofthefontfile");
}
</style>
- Remplacez les éléments ci-dessous du code par des données réelles.
Nom de la police: le nom de la police.
Lien du fichier de police: le lien du fichier de police qui a été téléchargé précédemment. Il est copié après avoir sélectionné l'icône Lien.

- Cliquez sur "Enregistrer" Une fois terminé.
- Recherchez le fichier « thème.gem-layout-none.liquid » sous le Mise En Page section ou via la barre de recherche. Sélectionnez pour ouvrir le fichier.
Ensuite, répétez l’étape précédente dans ce fichier.
Étape 3 : Ajouter la police à GemPages
- Extrait du Tableau de bord GemPages, ouvrez votre modèle préféré pour le modifier. Cliquez sur un élément textuel (titre, bloc de texte, etc.) pour afficher les configurations dans la barre latérale gauche.
- En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres onglet, recherchez le Typographie > Police de caractère section. Cliquez sur le menu déroulant et sélectionnez Ouvrir le gestionnaire de polices.

- Dans le gestionnaire de polices, cliquez sur le bouton Polices de thème languette. Ensuite, cliquez sur Ajouter des polices de thème.

- Entrez le nom exact de la police dans le champ et cliquez sur "Ajouter."

Veuillez saisir le nom exact car les noms de polices sont sensibles à la casse. Vous pouvez vérifier le nom dans le champ «theme.liquid», comme indiqué à l’étape précédente.
- Ensuite, passez la souris sur le nom de la police et cliquez sur l’icône + pour activer la police.

- Cliquez à nouveau sur "Enregistrer. » Votre police ajoutée sera alors affichée dans le Fonte liste déroulante de la Paramètres languette.

Questions fréquentes
1. Que sont les polices personnalisées dans Shopify ?
Les polices personnalisées sont des polices que vous importez manuellement dans votre boutique Shopify, plutôt que d'utiliser des polices intégrées comme Google Fonts. Elles vous aident à maintenir une image de marque cohérente et à donner à votre boutique un look unique.
2. Comment ajouter des polices à Shopify ?
Pour ajouter des polices à Shopify, vous devez importer votre fichier de police dans la section Fichiers de l'interface Administrateur Shopify, puis utiliser @font-face dans le code de votre thème pour l'appliquer. GemPages simplifie ce processus en vous permettant de gérer les polices directement dans l'éditeur.
3. Puis-je télécharger des polices directement sur Shopify ?
Oui, vous pouvez importer des polices sur Shopify via la section « Contenu > Fichiers » de l'interface administrateur Shopify. Après l'importation, vous pouvez créer un lien vers le fichier à l'aide d'un code personnalisé dans les fichiers Liquid de votre thème.
4. Comment télécharger des polices dans GemPages ?
GemPages propose deux manières de télécharger des polices :
- Dans la version 7, vous pouvez les télécharger directement dans le gestionnaire de polices.
- Dans la version 6, vous téléchargez la police sur Shopify, puis l'intégrez dans GemPages à l'aide de la fonctionnalité « Polices de thème ».
5. Où puis-je gérer mes polices personnalisées dans GemPages ?
Vous pouvez gérer toutes les polices personnalisées via le gestionnaire de polices dans les deux Styles globaux et des éditeurs de pages individuels. De là, vous pouvez télécharger, activer ou supprimer des polices selon vos besoins.

Merci pour vos commentaires