No Font-Awesome 主题图标

Question

谁能告诉我如何设置 Font Awesome 以使用主题？

我已将其放入我的模板文件中：

    <div id="social-media-bar" class="container">
    <div class="row">
        <div class="col-md-2 col-md-offset-2">
            <i class="fa fa-linkedin-square fa-3" aria-hidden="true"></i>
        </div>
        <div class="col-md-2">
            <i class="fa fa-facebook-square fa-3" aria-hidden="true"></i>
        </div>
        <div class="col-md-2">
            <i class="fa fa-xing-square fa-3" aria-hidden="true"></i>
        </div>
        <div class="col-md-2">
            <i class="fa fa-twitter-square fa-3" aria-hidden="true"></i>
        </div>
    </div>
</div>

但是没有加载图标。它们也未在管理模式下加载，但 IP 菜单具有它们应有的 FA 图标。

我做错了什么？我的主题中是否需要一些 LESS 条目？

Answer 1

我想我明白了 - 我刚刚将这一行添加到 theme.less:

@import "/Ip/Internal/Core/assets/admin/font-awesome/font-awesome.less";

Answer 2

我现在已经在head中使用了Bootstraps CDN：

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

Answer 3

在 Impresspages 中添加 css 的最佳方法是在主题 header 中使用 ipAddCSS，然后再使用 ipHead()。这与您可以将 css 添加到插件的方式相同。

例如：

<head>
    <?php ipAddCss('Theme/AHS/assets/ahs.css'); ?>
    <?php echo ipHead(); ?>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

No Font-Awesome 主题图标

No Font-Awesome icons of theme

less

font-awesome

impresspages