Comment ajouter une police sur Shopify ?

shopify
CN
Par Marie, spécialiste de la thématique Shopify

Étapes pour ajouter une police sur Shopify

Ajouter une police personnalisée sur Shopify n'est pas une action immédiate, mais les étapes suivantes pourront vous aider à y arriver rapidement.

  1. Téléchargez votre police :

    • Trouvez la police que vous souhaitez et téléchargez-la. Assurez-vous d'avoir le fichier .ttf ou .otf correspondant.
  2. Accédez à votre éditeur de thème :

    • Connectez-vous à votre compte Shopify et allez à "Boutique en ligne" > "Thèmes".
    • Cliquez sur le bouton "Actions" et sélectionnez "Modifier le code".
  3. Téléchargez le fichier de police dans les Assets :

    • Dans l'éditeur de code, trouvez le dossier "Assets" et cliquez dessus pour l'ouvrir.
    • Cliquez sur "Ajouter un nouveau fichier asset", puis choisissez et téléchargez le fichier de la police que vous avez précédemment téléchargé.
  4. Mettez à jour votre fichier CSS :

    • Retournez à l'éditeur de code et ouvrez le fichier .css ou .scss (généralement, c'est "theme.scss.liquid").
    • Ajoutez le code CSS pour déclarer votre nouvelle police (remplacez "nom_de_la_police" et "nom_du_fichier" par les vôtres) :
@font-face {
font-family: 'nom_de_la_police';
src: url('{{ "nom_du_fichier.ttf" | asset_url }}');
}
  1. Utilisez la nouvelle police dans votre thème :
    • Appliquez la nouvelle police à des éléments spécifiques en ajoutant la règle de style CSS correspondante. Par exemple, pour l'appliquer à tous les titres H1, vous ajouterez :
h1 {
font-family: 'nom_de_la_police', fallback_fonts;
}

Veuillez noter que ces instructions de base peuvent ne pas fonctionner pour tous les thèmes Shopify. Si vous rencontrez des problèmes, il est recommandé de contacter le support technique de Shopify ou un développeur expérimenté.

Autres articles sur la thématique Shopify