基金会web图标

Question

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

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

它只显示文字，但如果我将课程更改为＆＃34; webicon facebook＆＃34;它显示一个小盒子（图标形状）阴影。

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”