使用斜體和字體真棒

如果我從我的文本中刪除font-awesome標籤，則CSS代碼font-style：italic;作品，但以這行代碼{{「Andy's Bike Shop」}}爲例，斜體停止工作。我怎樣才能將字體真棒標籤中使用的文本斜體化？使用斜體和字體真棒

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

字體 - 真棒套'字體 - 風格'到'普通'默認與'fa'類 –

裏面像

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

使用的CSS添加span標籤作爲.header .fa span { font-style: italic; }

來源

2016-07-04 18:33:53 vignesh

工作表示感謝，但我很好奇的跨度。無論有沒有它，似乎都沒有什麼不同 – user6680

使用斜體和字體真棒

回答

相關問題