我正在尝试修改从模板获得的一些网站代码。在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,依此类推,或者这些值代表其他内容。

谢谢你的帮助。

最佳答案

我得到了答案。这些代码来自字体超赞家族。很棒的字体下载并链接到您的网页。它将为您工作。

Download Font Awesome

关于css - Twitter,YouTube等的网站徽标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24753519/

10-13 01:44