css - 推特、YouTube 等的网站 Logo

标签 css html icons

我正在尝试修改从模板中获得的一些网站代码。在 css 文件中,我有几行代码,如下所示 - 我假设这些是要引用的 Logo ;

/*********************************************************************************/
/* 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"}

我遇到的问题是 Logo 没有出现在网页上。斜杠是否表示在当前目录中应该有图像 f181、f182 等等,或者这些值是否代表其他内容。

感谢您的帮助。

最佳答案

我得到了答案。这些代码来自 font awesome 系列。下载真棒字体并链接到您的网页。它会为你工作。

Download Font Awesome

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

相关文章:

html - 覆盖 span 和 b 元素的宽度

html - 动画 SVG 直升机桨叶

javascript - 序列化具有事件处理程序的 HTML 元素

JavaScript 模板 : wrap each word in a string in an HTML element

c# - 如何从 Vista/7 可执行文件中提取完整图标?

html - 如何使用CSS使条形图的背景透明?

html - Gulp 内联更改 HTML 标记的大小写

typescript - 将 CoreUI 图标导入 Vue.js TypeScript 项目

android - 如何从 Android 2.3 上的 ActionBarSherlock 溢出菜单中删除图标?

javascript - 在 html 文本中显示当前的 div 大小