2014-07-15 6 views
0

템플릿에서 가져온 일부 웹 사이트 코드를 수정하려고합니다. CSS 파일에서 나는 다음과 같이 보이는 여러 줄의 코드를 가지고있다 - 그리고 나는 이것이 참조 될 로고라고 가정한다.twitter, youtube 등의 웹 사이트 로고

/*********************************************************************************/ 
/* Icons                   */ 
/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io     */ 
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)        */ 
/*********************************************************************************/ 
.fa { 
    text-decoration: none; 
} 

    .fa.solo { 
    } 

     .fa.solo span { 
      display: none; 
     } 

    .fa:before { 
     display:inline-block; 
     font-family: FontAwesome; 
     font-size: 1.25em; 
     text-decoration: none; 
     font-style: normal; 
     font-weight: normal; 
     line-height: 1; 
     -webkit-font-smoothing:antialiased; 
     -moz-osx-font-smoothing:grayscale; 
    } 

    .fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%} 
    .fa-2x{font-size:2em} 
    .fa-3x{font-size:3em} 
    .fa-4x{font-size:4em} 
    .fa-5x{font-size:5em} 
    .fa-apple:before{content:"\f179"} 
    .fa-windows:before{content:"\f17a"} 
    .fa-android:before{content:"\f17b"} 
    .fa-linux:before{content:"\f17c"} 
    .fa-dribbble:before{content:"\f17d"} 
    .fa-skype:before{content:"\f17e"} 
    .fa-foursquare:before{content:"\f180"} 
    .fa-trello:before{content:"\f181"} 
    .fa-female:before{content:"\f182"} 
    .fa-male:before{content:"\f183"} 
    .fa-gittip:before{content:"\f184"} 
    .fa-sun-o:before{content:"\f185"} 
    .fa-moon-o:before{content:"\f186"} 
    .fa-archive:before{content:"\f187"} 
    .fa-bug:before{content:"\f188"} 

내가 겪고있는 문제는 로고가 웹 페이지에 나타나지 않는다는 것입니다. 슬래시는 현재 디렉토리에서 f181, f182 등의 이미지가 있어야 함을 나타내며이 값은 다른 것을 나타냅니다.

도움 주셔서 감사합니다.

+1

은'내용 : "\ foo는은"'글꼴 - 가족 지정된 문자가 있습니다. 따라서 새로운 로고나 아이콘을 글꼴에 추가하려면 멋지게 만들려면 .ttf, .otf, .svg 등을 변경해야하며 권장하지 않는 것이 좋습니다. –

+0

질문이 없습니다 .... 귀하의 테스트 웹 페이지 링크를 공유 할 수 있습니다. –

답변

0

나는 대답을 얻었다. 이 코드는 멋진 글꼴의 글꼴입니다. 폰트를 다운로드하여 웹 페이지로 연결하십시오. 그것은 당신을 위해 작동합니다. 내가 생각

Download Font Awesome