字體 - 真棒圖標消失在字體的變化

我試圖將字體真棒圖標在我的網頁，而這一切工作正常，直到我改變我的選擇的字體，外切2和圖標顯示爲有邊框的正方形。它適用於其他字體，但由於某些原因，這不起作用。字體 - 真棒圖標消失在字體的變化

我已經包含font-awesome樣式表和google字體樣式表。

如果有人能指出我做錯了什麼，將不勝感激！

來源

2016-10-17 Christian Van Voorst

你必須嘗試一些錯誤u能告訴我們的代碼 – Rahul

我想我可能有一個想法，難道不是調用字體「'exo 2」'，我應該調用''fontawesome''？ –

是的，看到我下面的答案 – Rahul

這個問題有字體真棒可能是由於設置其他字體的圖標。請參閱本fiddle

.parent1, 
 
.parent1 > i{ 
 
    font-family: 'Open Sans', sans-serif; 
 
} 
 

 
.parent2{ 
 
    font-family: 'Open Sans', sans-serif; 
 
}

<script src="https://use.fontawesome.com/a30dc5ca39.js"></script> 
 
<div class="parent1"> 
 
    <i class="fa fa-times"></i>This won't work 
 
</div> 
 
<div class="parent2"> 
 
    <i class="fa fa-times"></i>This works 
 
</div>

如果將字體設置爲子元素即<i>元素，則字體真棒不會被渲染爲你期望的那樣。

在第二個例子中，我只設置不同的字體到父，而不是圖標，它將按預期工作

來源

2016-10-17 07:25:57 Chris

好的，謝謝，但我如何更改字體文本，當我使用此：
–

當使用font-awesome時，''i clas =「fa ...」>'的用途是顯示圖標，而不是其他內容。您可以將其他內容放入'divs'，'span'或任何適合您需要的元素，就像我在上例中向您展示的那樣 – Chris

fontawesome是字體圖標和EXO 2是字體，而不是「字型圖標」

工作fontawesomeü必須申請

font-family: FontAwesome;

和如果u將其更改爲別的東西在這裏，我想「外切2 「

font-family: Exo 2;

它不會工作，將DISPLYü平方米

來源

2016-10-17 07:23:09 Rahul

字體 - 真棒圖標消失在字體的變化

回答

相關問題