변경 아이콘

그래서 나는이 다운로드변경 아이콘

<link 
    rel="stylesheet" 
    href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />

을 그리고 이것은이다 CSS 코드의 일부 :

open:before { content: "\f07c"; } 
.fa-arrows-v:before { content: "\f07d"; } 
.fa-arrows-h:before { content: "\f07e"; } 
.fa-bar-chart-o:before { content: "\f080"; } 
.fa-twitter-square:before { content: "\f081"; } 
.fa-facebook-square:before { content: "\f082"; } 
.fa-camera-retro:before { content: "\f083"; } 
.fa-key:before { content: "\f084"; } 
.fa-gears:before,.fa-cogs:before { content: "\f085"; } 
.fa-comments:before { content: "\f086"; } 
.fa-thumbs-o-up:before { content: "\f087"; } 
.fa-thumbs-o-down:before { content: "\f088"; } 
.fa-star-half:before { content: "\f089"; } 
.fa-heart-o:before { content: "\f08a"; } 
.fa-sign-out:before { content: "\f08b"; } 
.fa-linkedin-square:before { content: "\f08c"; } 
.fa-thumb-tack:before { content: "\f08d"; } 
.fa-external-link:before { content: "\f08e"; } 
.fa-sign-in:before { content: "\f090"; } 
.fa-trophy:before { content: "\f091"; } 
.fa-github-square:before { content: "\f092"; } 
.fa-upload:before { content: "\f093"; } 
.fa-lemon-o:before { content: "\f094"; } 
.fa-phone:before { content: "\f095"; } 
.fa-square-o:before { content: "\f096"; } 
.fa-bookmark-o:before { content: "\f097"; } 
.fa-phone-square:before { content: "\f098"; } 
.fa-twitter:before { content: "\f099"; } 
.fa-facebook:before { content: "\f09a"; } 
.fa-github:before { content: "\f09b"; } 
.fa-unlock:before { content: "\f09c"; } 
.fa-credit-card:before { content: "\f09d"; } 
.fa-rss:before { content: "\f09e"; } 
.fa-hdd-o:before { content: "\f0a0"; } 
.fa-bullhorn:before { content: "\f0a1"; } 
.fa-bell:before{content:"

스타일 시트가 웹 사이트에 있는데 어떻게 찾을 수없는가요? 그 페이스 북과 Gmail 아이콘을 어떻게 바꿀 수 있는지 생각 해봐야 겠어?

출처

2014-09-15 Ez0r

자신의 스타일 시트로 덮어 씁니다. 방화 광과 같은 요소 검사기를 사용하여 변경할 요소를 찾으십시오. – timo

Font Awesome 쉽게 일반적으로 사용되는 삽입하는 데 사용되는 아이콘 폰트, 웹 페이지에서 무한히 확장 아이콘입니다. 글꼴이기 때문에 개별 아이콘을 쉽게 바꿀 수없고 글꼴 굉장함을 계속 사용할 수 없습니다. 몇 가지 옵션이 있습니다. 당신이 연결 한 예제 페이지에서, 여기에 페이스 북 아이콘을 생성하는 HTML입니다 : i 태그 아이콘을 만드는 것입니다

<a href="#" class="social_box fb"> 
    <span class="icon"><i class="fa fa-facebook"></i></span> 
    <span class="icon_title">Connect with Facebook</span> 
</a>

있다. 적용 할 클래스를 any of the other icons that are a part of Font Awesome으로 변경하거나 HTML과 CSS를 조정하여 자신의 이미지를 사용할 수 있습니다.

HTML :

<a href="#" class="social_box fb"> 
    <span class="icon facebook_icon"> </span> 
    <span class="icon_title">Connect with Facebook</span> 
</a>

CSS :

span.facebook_icon { 
    width:30px; 
    height:30px; 
    background-image:url('images/facebook.png'); 
}

출처

2014-09-15 14:57:01

작동하지 않음 :/:/:/ – Ez0r

실제 이미지를 가리 키도록 URL을 변경 했습니까? 당신이 한 일을 나눌 수 있습니까? –

일했습니다! 하지만 페이스 북의 아이콘에 대한 style.css의 백그라운드 소유권을 삭제해야합니다 :) 감사합니다. – Ez0r

그것의 아주 간단한 단지에 "I"와 추가 사용자 정의 아이콘에서 "FA FA-페이스 북/FA FA-구글 플러스"클래스를 제거하려면 "I"CSS를 통해 배경으로

예

<a href="#" class="social_box"> Connect with Facebook </a>

출처

2014-09-15 14:53:28 yashodhan

변경 아이콘

답변

관련 문제