使用内容属性获取favicon?

时间:2016-11-03 16:03:17

标签: css wordpress favicon

我正在编辑WordPress主题的CSS,以便更好地满足我的需求。据我所知,我发现了为不同社交媒体网站检索图标的内容。

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

我遵循它在我提供的网址中查找flickr.com,但内容属性在做什么?我如何更改内容字段以支持其他网站,例如StackOverflow?

1 个答案:

答案 0 :(得分:0)

像@Paulie_D一样说,图标字体。

content属性指向图标字体集中的Unicode字符。 CSS选择器预先将图标(通过伪元素)添加到具有包含<a>的链接的锚元素flickr.com

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

至于“支持其他网站,例如StackOverflow,”,你将受到图标字体的支配。图标字体提供的是您可以使用的内容。

如果该网站确实使用了FontAweseom,那么您将拥有相当多的图标选项,包括StackOverflow \f16c。以下是所有FontAwesome Icons

的列表