在HTML / CSS模板中查找图像的位置

Question

我正在尝试修改模板，但无法找到页面右下方的图片（社交媒体图标）：http://flockwithme.com/

我想用不同的图标替换它们，但没有文件（css，js等）包含文件的位置。

如果有人可以帮我修改/替换它们，我会非常感激。感谢

Answer 1

首先，图标不是图像，但实际上是应用程序的CSS中定义为"font-family: 'Simple-Line-Icons';"的Web字体的一部分。

我假设这是一个 - http://graphicburger.com/simple-line-icons-webfont/？

其次，您可以通过以下方式轻松检查元素的html / css代码：

1. 在Chrome中查看网站
2. 右键单击元素（在本例中为图标）
3. 选择“Inspect Element”

Answer 2

在此页面中，他们使用该图标的字体。你应该看到它的字体。

Answer 3

那不是形象。它设置在每个范围的 之前 像这样

  .icon-social-twitter:before {
      content: "\e009";
   }

他们使用 font-family：'Simple-Line-Icons';