使用内容 属性 获取图标？

Using content property to get favicon?

我正在编辑 WordPress 主题的 CSS 以使其更符合我的需要。据我所知，我遇到过什么可以检索不同社交媒体网站的图标。 

.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }

我发现它在我提供的 url 中寻找 flickr.com，但是 属性 的内容在做什么？我如何更改内容字段以支持其他站点，例如 Whosebug？

如@Paulie_D所说，图标字体。

content 属性 指向图标字体集中的 Unicode 字符。 CSS 选择器将图标（通过伪元素）添加到具有包含 flickr.com.

的 link 的锚元素 <a>

这可能是巧合，但当前版本的 FontAwesome 使用与 Flickr 相同的 unicode 字符 \f16e。

就"supporting other sites, such as Whosebug,"而言，您将受制于图标字体。图标字体提供什么，你就用什么。

如果网站确实在使用 FontAweseom，那么您将有很多可用的图标选项，包括 Whosebug \f16c。这是所有 FontAwesome Icons.

的列表