我正在尝试修改从模板获得的一些网站代码。在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/