WordPress : Underscore – Polices auto-hébergées

Publié par Jean-Michel le

J’essaie de créer un thème avec sass, j’ai un peu de mal à comprendre comment utiliser ma police auto-hébergée dans le projet. C’est probablement très simple, et comme d’habitude, je complique trop les choses dans mon esprit.

Lorsque j’utilise des polices Google, je les mets en file d’attente à partir de functions.php et référence la police en file d’attente dans mes feuilles de style, mais avec une police auto-hébergée, la suggestion que je trouve est que je devrais les importer via @import dans ma feuille de style.

Si j’ai un dossier de polices à la racine de mon thème, contenant ma police, en utilisant la structure de base d’un thème de soulignement généré par sass, quel est le moyen le plus efficace d’incorporer cette police dans mon thème ?

Solution n°1 trouvée

Utiliser @import est la voie à suivre, vous pouvez faire quelque chose comme ceci sur votre feuille de style :

@font-face {
    font-family: FontName;
    src: url(public_html/your-site/wp-content/themes/your-theme/fonts/FontName-Regular.ttf);
    font-weight: normal;
}

Ensuite, vous l’utilisez simplement comme d’habitude.

p {
    font-family: FontName;
}

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *