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

我现在已经使用了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的最佳方法是在ipHead()之前的主题标题中使用ipAddCSS。这就像你可以将css添加到插件一样。

例如：

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

没有Font-Awesome图标的主题

3 个答案: