2017-03-04 34 views
0

任何人都可以告訴我如何設置字體真棒來使用主題?沒有主題的字體真棒圖標

我已經在我的模板文件,把這個:

<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條目?

+0

你有包括腳本或CSS文件 – Dherya

+0

並請告訴我們的聲明。字體名稱是'Fontawesome'而不是'Font-Awesome' – Psi

+0

感謝您的快速回復! 我還沒有將它包含在我的較少文件中,因爲我認爲它通過ipContent.less默認包含它。 看起來像我錯了;-) 我說得對,我應該通過我的主題包括它嗎? 究竟如何? 我想避免加載的東西兩次;-) –

回答

0

我已經使用引導程序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

想我得到了它 - 我只是添加了此行theme.less:

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

嗯,奇怪 - 它似乎並沒有工作。 在我的主題中實現Font Awesome的最佳實踐策略是什麼? –

0

添加CSS的最佳方式Impresspages是在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> 
+0

Hi Tim - 發佈概念驗證解決方案可能會有幫助。 –

+0

我編輯了我的答案!謝謝你的提示。 –