Glyphicons仅在WordPress插件中显示

时间:2015-08-14 作者:sazr

我有一个非常简单的WordPress插件,显示菜单/管理页面。该页面包含Glyphicons-Font Awesome。

这些图示符图标从未显示。我不知道为什么,因为我知道font awesome css文件加载正确,而且我知道管理页面HTML在wordpress插件之外工作正常,并显示图示符。

可能会出什么问题?

<?php
/**
*  Plugin Name: TEST Use FA Icons
*  Plugin URI: 
*  Description: Test Development Plugin
*  Version: 1.0.0
*  Author: 
*  Author URI: 
*  License: GPL2
*/ 

class TEST_Use_FA_Icons_Admin
{

    public function __construct() {
        add_action(\'admin_menu\', array($this, \'admin_menu\'));
    }

    public function admin_menu() {

        wp_enqueue_style( "font-awesome", plugin_dir_url( __FILE__ ) . \'css/font-awesome.min.css\', array(), false, \'all\' );

        add_menu_page(\'TEST_DEV\', \'TEST_DEV\', \'administrator\', \'TEST_DEV_SLUG\', 
                    array($this, \'show_TEST_page\'), 
                    plugins_url(\'images/help.png\', __FILE__));
    }

    public function show_TEST_page() {
        ?>
        <div class="wrap">
            <div class="container">
                <div class="col-md-12">
                        <h1>Test</h1>

                        <i class="fa fa-camera-retro fa-lg"></i> fa-lg
                        <i class="fa fa-camera-retro fa-2x"></i> fa-2x
                        <i class="fa fa-camera-retro fa-3x"></i> fa-3x
                        <i class="fa fa-camera-retro fa-4x"></i> fa-4x
                        <i class="fa fa-camera-retro fa-5x"></i> fa-5x
                </div>
            </div>
        </div>
        <?php
    }
}

$test_TEST_Use_FA_Icons_Admin_admin = new TEST_Use_FA_Icons_Admin();

?>

2 个回复
SO网友:denis.stoyanov

第一种选择是使用CDN。使用时,图标可见:

https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

GET wp-content/plugins/new/fonts/fontawesome-webfont.woff2?v=4.4.0  
GET wp-content/plugins/new/fonts/fontawesome-webfont.woff?v=4.4.0  
GET wp-content/plugins/new/fonts/fontawesome-webfont.ttf?v=4.4.0 404 (Not Found)
Here are the resources 你需要的(字体)。

p、 我已经安装了插件,然后对其进行了故障排除。

SO网友:Patrick Münster

我也有这个问题。然后,我将CDN用于我的插件,并将其包含在以下代码行中:

wp_enqueue_style( \'fontAwesome\', \'https://use.fontawesome.com/releases/v5.0.13/css/all.css\', array(), null);
最重要的是set the version numbernull 因为它无法通过wordpress的自动版本控制工作。

结束

相关推荐