J'ai un WP Plugin où j'utilise les icônes Font-Awesome. J'ai ajouté le dossier Font-Awesome à mes fichiers de plug-in et j'ai dit à WordPress de les utiliser:
// add font-awesome to admin area
function ecp_admin_enqueue($hook) {
// check if plugin page
global $ecp_settings_page;
if ( $hook != $ecp_settings_page ) {
return;
}
// add to wp
wp_register_style( 'ecp_admin_fontawesome', plugins_url('/font-awesome/css/font-awesome.min.css' , __FILE__) );
wp_enqueue_style( 'ecp_admin_fontawesome' );
}
add_action( 'admin_enqueue_scripts', 'ecp_admin_enqueue' );
Le CSS est ajouté par WordPress - il provient du code source du backend lorsque je suis sur la page de paramètres du plug-in:
<link rel='stylesheet' id='ecp_admin_fontawesome-css' href='http://url.tld/path/to/plugins/my-plugin/inc/font-awesome/css/font-awesome.min.css?ver=4.6.1' type='text/css' media='all' />
Font-Awesome fonctionne comme il se doit MAIS il a changé la police par défaut de WordPress. Comment puis-je résoudre le problème ou pourquoi cela se produit-il?
Ce n'est pas Font-Awesome qui a changé le style WordPress par défaut. J'utilise aussi Bootstrap. Un fichier appelé scaffolding.less remplace les valeurs par défaut de WordPress par:
// Body reset
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
font-family: @font-family-base;
font-size: @font-size-base;
line-height: @line-height-base;
color: @text-color;
background-color: @body-bg;
}
Je viens d'ajouter ceci à mon fichier CSS personnalisé (CSS WordPress original) avec! Important:
/* Override Bootstrap Reset with WP default */
body {
font-family: -Apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
Maintenant, WordPress semble à nouveau devoir le faire.