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 태그를 추가합니다 style'을'fa' 클래스의'normal'으로 디폴트로 설정했습니다. –

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

출처

2016-07-04 18:33:53 vignesh

고마워요.하지만 스팬의 시점에서 궁금합니다. 그것의 유무에 관계없이, 그것은 차이를 만드는 것처럼 보이지 않았다. – user6680

font-awesome 이탤릭체 사용

답변

관련 문제