フォントAwesome with Ionic2

Question

フォントAwesome iconsの使用方法<ion-tab></ion-tab>？私がしようとしています何

：あなたは正しくイオンのプロジェクトで素晴らしいフォントがインストールされていることを確認してください：

<ion-tabs> 
    <ion-tab [root]="tab1Root" class="fa fa-calculator" tabTitle="Home" ></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="fa-calculator"></ion-tab> 
    <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab> 
</ion-tabs> 

Answer 1

をここでは、フォント恐ろしい<ion-tab></ion-tab>

のメモを追加する私のソリューションです。

あなた-example.html

<ion-tabs tabsPlacement="top" > 
    <ion-tab [root]="tabAlgorithms" tabTitle="Algorithms" tabIcon="fa-sitemap" ></ion-tab> 
</ion-tabs> 

あなた-example.scss

.fa-icons-general { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    transform: translate(0, 0); 
} 

.ion-ios-fa-sitemap::before, 
    .ion-ios-fa-sitemap-outline::before, 
    .ion-md-fa-sitemap::before { 
     @extend .fa-icons-general; 
     content: "\f0e8"; 
    } 

これはあなたの問題を解決することを願っています。