twitter,youtube等网站标识

时间:2014-07-15 08:38:03

标签: html css html5 icons

我正在尝试修改我从模板中获得的一些网站代码。在css文件中,我有许多代码行,如下所示 - 我认为这些是要引用的徽标;

/*********************************************************************************/
/* 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 个答案:

答案 0 :(得分:0)

我得到了答案。这些代码来自字体真棒家庭。下载字体很棒并链接到您的网页。它会对你有用。

Download Font Awesome