创建自定义glyphicon并添加到Yii2中的bootstrap中

Question

新更新 我在资产目录中创建的资产文件DashboardAsset。我在这个目录中有几个资产文件。

   <?php

namespace app\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class DashboardAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/dashboard.css',
        'css/transport.css',
    ];
    public $js = [

    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

更新了文件夹结构

调用传输图标

菜单的最终外观

Answer 1

您必须为新字体定义新的资产包文件。将您的字体放在名为web的{​​{1}}下的文件夹中，并在fonts文件夹下的文件上创建包含网络字体的样式文件（请注意css文件中字体的地址。它是通常你必须将它们称为css）。因此，您的结构是这样的：

../fonts/transport.ttf

现在根据Defining Asset Bundles - The Definitive Guide to Yii 2.0在-| web/ --| fonts/ --| transport.ttf --| transport.eot --| transport.svg --| transport.woff --| css/ -- transport.css 文件夹下定义资产包，如下所示：

assets

现在，在要使用传输glyphicon的每个视图文件上，注册资产文件：

<?php

namespace app\assets;

use yii\web\AssetBundle;

class TransportAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/transport.css',
    ];
    public $depends = [
        'yii\bootstrap\BootstrapAsset',
    ];
}