글꼴 awesome의 크기가 조정되지 않습니다

Question

갑자기 내 아이콘의 크기가 작은 크기로 조정되면 웹 사이트를 디자인하고 있습니다. 크기가 내 코드가

<font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>

입니다

아래의 이벤트 이름과 동일 할 때 내 아이콘에 대한 멋진 글꼴을 사용하고

갑자기 글꼴 멋진 아이콘이 작은로 바뀌면

이렇게되어야합니다.

저를 도울 수 있습니까? 미래의 답변을 주셔서 감사합니다

Answer 1

확실히 <font>을 사용하지 마십시오. 그것은 더 이상 사용해서는 안되는 정말로 오래된 태그입니다. 대신, 당신은 CSS를 사용하고자합니다. 같은 뭔가 : 다른 사용자가 말했듯이

i.fa { 
    font-size: 1.5em; // However big you want it to be 
} 

Answer 2

은 - <font> 태그를 사용하지만, CSS와 폰트 크기를 설정하지 마십시오.

그러나 귀하의 코드는 귀하가 생각하는대로 작동해야합니다. 아래 니펫을 참조하십시오 :

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
 

 
<strong><font size="6"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong> 
 
<hr> 
 
<strong><font size="15"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong> 
 
<hr> 
 
<strong><font size="25"><strong><i class="fa fa-newspaper-o" aria-hidden="true"></i> EVENTS</font></strong>