font-awesomeでの斜体の使用

私のテキストからfont-awesomeタグを削除すると、CSSコードfont-style：italic;このコード行{{"" Andy's Bike Shop "}}ではイタリック体が機能しなくなります。フォントのすばらしいタグで使用されているテキストをイタリック体にするにはどうすればよいですか？font-awesomeでの斜体の使用

CSS

.header{ 
    font-style:italic; 
background-color:black; 
height:60px; 
color:white; 
font-weight:bold; 
font-size:40px; 
position:relative; 
padding-top:10px; 
padding-left:16px; 
margin-left:-10px; 
margin-right:-10px; 
margin-top:-10px; 

}

HTML

<html ng-app='formApp'> 
<head> 
<script src="bower_components/angular/angular.js"></script> 
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> 

<script src="app.js"></script> 
<link href="app.css" rel="stylesheet"> 
</head> 
<body> 
<div class="header"> 
    <div class="container"> 
    <div class='row'> 
    <div class='col-md-12'> 




     <i class="fa fa-bicycle" aria-hidden="true">{{"Andy's Bike Shop"}}</i> 



</div> 
</div> 
    </div> 


</div> 
<i class="fa fa-file-pdf-o" aria-hidden="true"> 
{{'hello'}}</i> 

</body> 
</html>

出典

2016-07-04 user6680

フォント、素晴らしいセットとして

<i class="fa fa-bicycle" aria-hidden="true"><span>{{"Andy's Bike Shop"}}</span></i>

使用CSSのような内部のspanタグを追加します'fa'クラスのデフォルトで' normal'に 'style'を' normal'に変更しました –

は `font- .header .fa span { font-style: italic; }

出典

2016-07-04 18:33:53 vignesh

それはうまくいきましたが、私はスパンのポイントに興味があります。それの有無にかかわらず、それは違いを生じさせるようには見えなかった – user6680

font-awesomeでの斜体の使用

答えて

関連する問題