在 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. 并选择“检查元素”

Answer 2

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

Answer 3

那不是图像。它设置在每个跨度的之前
像这样

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

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