没有Font-Awesome图标的主题

问题描述 投票:0回答:3

谁能告诉我如何设置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条目?

less font-awesome impresspages
3个回答
0
投票

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

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

0
投票

我现在使用了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">

0
投票

在Impresspages中添加css的最佳方法是在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>
© www.soinside.com 2019 - 2024. All rights reserved.