it-swarm-ja.com

フォント素晴らしいデフォルトWordPressフォントを変更する

Font-Awesome Iconsを使うWPプラグインがあります。私は自分のプラグインファイルにFont-Awesomeフォルダを追加し、それらを使うようにWordPressに伝えました:

// 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' );

CSSはWordPressによって追加されました - これは私がPlugin Settings-PageにあるときのバックエンドのSourcecodeからです:

<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は、WordPressからデフォルトのフォントを変更したとしても機能しています。どうすれば修正できますか、またはなぜこれが発生しますか?

enter image description here DashboardのようなWordPressページ上

enter image description here Font-Awesomeがロードされたプラグインページ

1
wassereimer

デフォルトのワードプレススタイルを変更したのはFont-Awesomeではありませんでした。私はブートストラップも使います。 scaffolding.lessという名前のファイルはWordPressのデフォルトを上書きします:

// 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;
}

!importantを使って、これをカスタムCSSファイル(オリジナルのWordPress CSS)に追加しました。

/* Override Bootstrap Reset with WP default */
body {
    font-family: -Apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}

今WordPressはそれが再びあるべきように見えます。

0
wassereimer