Je crois que Jetpack utilise "Font Awesome" pour afficher des icônes sociales. C'est le css content: "\f203";
pour afficher facebook par exemple. Si je regarde dans la source du site, je ne trouve nulle part la "Police Awesome" en cours de téléchargement.
Comment ça marche?
Le fait est que je veux juste utiliser ces icônes dans mon en-tête sans que l'utilisateur ne télécharge à nouveau la police. Si j'utilise content: "\f203";
dans mon style.css, l'icône ne s'affiche pas.
Jetpack est actif et des icônes sociales sont affichées sur chaque message.
Si vous ne voulez pas vous fier à Jetpack pour une police géniale, vous devez charger les fichiers CSS. Le meilleur moyen (à mon avis) de le faire est via le CDN. J'utilise les éléments suivants:
// Add font awesome & bootstrap
function awesome_css() {
wp_enqueue_style("fontawesome", 'https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
wp_enqueue_style("bootstrap3", 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
}
add_action( 'wp_enqueue_scripts', 'awesome_css' );
Cela va dans votre fichier functions.php.
Ensuite, vous avez quelques choix sur la façon de l'ajouter. Vous pouvez utiliser la méthode à laquelle vous avez fait référence, ou utiliser la feuille de triche de fontawesome
Reportez-vous aux exemples sur fontawesome pour plus d'informations.
Résolu: la police dans Jetpack s'appelle social-logos et s'utilise comme suit: font: 400 18px/1 social-logos; content: "\f203";