アイコンフォントの使い方

Webフォント（アイコンフォント）の利用方法

下記の必要なコードを（子）テーマの functions.php に書く（必要なものだけ）

// + JS・CSSの読み込み
add_action( 'wp_enqueue_scripts', function () {
    // Dashicons を使用できる状態にする
    wp_enqueue_style( 'dashicons' );
    // style.css と一緒に呼び出す
    wp_enqueue_style( 'dashicons', get_stylesheet_uri(), array( 'dashicons' ), '1.0' );
    // Font Awesome を使用できるようにする
    wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css', array( 'style' ) );
} );

//　Font Awesome を管理画面でも利用する場合の読み込み
add_action( 'admin_enqueue_scripts', function () {
    wp_enqueue_style( 'font-awesome-admin', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css', array() );
} );

アイコンの種類・使い方

Dashicons

https://developer.wordpress.org/resource/dashicons/#media-default

http://wp.tekapo.com/2014/04/19/how-to-use-the-official-icon-font-of-the-wordpress/

Font Awesome

http://fontawesome.io/icons/

http://seous.info/web/3327