맞춤형 블로거 템플릿에 더 멋진 글꼴 아이콘을 포함시키는 방법은 무엇입니까?

Question

코딩의 경우 두 개의 왼쪽 다리가 있습니다. 몇 가지 소셜 미디어 (Facebook, twitter 등) 아이콘을 렌더링하는 사용자 정의 블로거 템플릿을 다운로드했지만 모두 (500px, behaviour)는 아닙니다. 나는 그것을 스스로 알아 내려고 노력했지만 슬프게도 아직 그렇게 할 수 없었다. 500 픽셀에 대한 아이콘이 표시되지 않습니다 사이트의 모든 곳 http://kartik1110.blogspot.in/

(Navbar를, 오른쪽 사이드 및 하단) : 여기

테스트 블로그입니다. 이 문제를 어떻게 해결할 수 있습니까?

코드가 큰 블로거 템플릿이므로 여기에 붙여 넣을 스 니펫을 파악할 수 없습니다. 사소한 결점. 미리 감사드립니다.

편집 : 원래 질문에서 실수를했습니다. 템플리트와 함께 제공된 사용자 정의 위젯에는 추가 아이콘이 표시되지 않습니다. 아이콘은 블로거 페이지 및 기타 위젯에 표시됩니다. 어떤 코드가 어떤 아이콘으로 다른 아이콘의 표시 능력을 제거합니까?

여기는 제한된 아이콘이 표시되는 오른쪽 사이드 바 'follow me'위젯의 코드입니다.

<b:widget id='LinkList2' locked='false' title='Follow Me' type='LinkList' version='1' visible='true'> 
    <b:includable id='main'> 

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if> 
<div class='widget-content'> 
    <ul class='site-social-networks secondary-2-primary style-default show-title'> 
    <b:loop values='data:links' var='link'> 
     <li><a expr:href='data:link.target' target='_blank'><i/><data:link.name/></a></li> 
    </b:loop> 
    </ul> 
    <b:include name='quickedit'/> 
</div> 
</b:includable> 

Answer 1

템플릿에서 이미 언급 한 것처럼 글꼴 썸네일을 사용하고 있습니다. 이제해야 할 일은 사용하고 싶은 아이콘을 삽입하는 것뿐입니다.

가장 쉬운 방법은 here과 같이 HTML 요소를 추가하는 것입니다. 멋진 글꼴 안의 "아이콘"으로 이동하면 필요한 아이콘을 검색하고 포함 된 필요한 HTML 코드를 찾을 수 있습니다.

500px의 경우 사용자의 HTML에 <i class="fa fa-500px" aria-hidden="true"></i>을 포함해야하며 올바른 아이콘을 추가해야합니다.

당신은 그냥 당신이 필요로하는 어떤 아이콘이 동일 할이 image

에 결과를 볼 수 있습니다.

Answer 2

버전이 오래되었거나 불완전 할 수 있습니다. FA 웹 사이트에서는 Adblock Plus가 일부 아이콘을 제거한다고 경고합니다.

어쨌든 폰트 셋을 직접 사용해 볼 수 있습니다. 어쨌든 항상 속도/서보를로드하는 것이 좋습니다. 그냥 그들의 웹 사이트의 지시를 따르 등등 광고 블록 (플러스), Ghostery, 분리, uBlock :

http://fontawesome.io/get-started/