web-dev-qa-db-fra.com

Icônes sociales Jetpack dans d'autres localités sur le site

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.

1
Grim

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.

1
TomC

Résolu: la police dans Jetpack s'appelle social-logos et s'utilise comme suit: font: 400 18px/1 social-logos; content: "\f203";

0
Grim