Ajouter une police personnalisée à mon thème via le dépôt d'assets

[Joart]

Bonjour,
J’essaie d’ajouter une police personnalisée à mon thème mais cela ne fonctionne pas… J’ai certainement mal fait quelque chose mais je ne trouve pas où.

• Je développe mon propre thème que j’ai installé via github.
• Dans le dépôt des assets, j’ai téléchargé mes polices qui ne sont pas des polices Google :

• Dans le about.json, j’ai importé les fichiers :

• Dans mon dépôt scss, j’ai créé mes familles de polices :

J’ai essayé d’ajouter : format(‘woff2’) mais cela ne fonctionne pas non plus.

• Et ensuite :

Eh bien, ça ne marche pas… Une idée ?

[pfaffman (Jay Pfaffman)]

Je ne suis pas sûr de ce que pourrait être le problème. Je regarderais Inclure des ressources (par exemple, des images, des polices) dans les thèmes et les composants. Désolé si cela n’est pas utile.

[southpaw]

Salut @Joart,

Je suis sûr que je simplifie à l’excès, mais je remarque dans votre extrait about.json, le chemin des polices pointe vers un dossier assets, mais dans votre css, le chemin pointe vers un dossier fonts. Êtes-vous sûr que le chemin source du css est correct ?

[awesomerobot (Kris)]

@southpaw

Êtes-vous sûr que le chemin source CSS est correct ?

C’est une bonne remarque, mais vous ne voulez pas utiliser le chemin dans votre CSS comme ceci, vous devriez référencer les fichiers en utilisant le nom de l’actif comme variable :

@font-face {
   font-family: supply-light;
   src: url($supply-light);
}

Ceci est couvert dans Include assets (e.g. images, fonts) in themes and components

[Joart]

J’ai essayé mais ça ne fonctionne pas

[pfaffman (Jay Pfaffman)]

Il est difficile de deviner pourquoi. Vous pourriez mettre votre thème sur GitHub et y lier ou poster votre code ici.

Avez-vous suivi l’exemple fourni par @awesomerobot ?

[southpaw]

Salut @Joart,

J’ai un peu expérimenté avec cela sur une instance Discourse assez récente, et j’ai eu quelques problèmes avec les premières polices que j’ai essayées. Je les avais converties en .woff2 à l’aide d’un convertisseur en ligne gratuit, et je pense que cela n’a peut-être pas bien fonctionné.

Lorsque j’ai essayé avec une police .otf et à nouveau avec une autre police .woff2 convertie par un convertisseur plus réputé, j’ai pu ajouter la police personnalisée en suivant les étapes du guide auquel @pfaffman et @awesomerobot ont lié.

Cela n’a vraiment pris que deux étapes : téléverser le fichier à l’aide de la fenêtre modale Ajouter un téléversement, et ajouter uniquement les lignes @font-face et body de l’exemple SCSS au thème ou au composant.

Je suis sûr que si vous pouvez nous donner plus de détails et partager votre code et vos polices, nous pourrons vous aider à résoudre ce problème.

[Joart]

Oh Oui, merci ! J’ai essayé avec le format ttf et ça marche !

[system (system) A fermé ce sujet ()]

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.