Foundation web图标

Question

我正在尝试添加一个facebook的图标在我的网页上使用zurb的网页图标。我打开了这个页面：http://zurb.com/playground/social-webicons，下载压缩包，在根文件夹中创建了一个名为webicons的文件夹，并将所有图标粘贴到其中。这是我用于测试的代码行：

<a href="#" class="fc-webicon facebook">Like us on Facebook</a>

它只显示文本，但如果我将类更改为"webicon facebook“，它会显示一个带有阴影的小方框(图标形状)。

Answer 1

它看起来css没有链接到我的html文件中的类，所以我这样修改：

.webicon.facebook {
  background: url("webicons/webicon-facebook-m.png"); 
}

至：

.no-svg .webicon.facebook {
  background: url("webicons/webicon-facebook-m.png"); 
}

我还将html中的类名改为"webicon facebook“。