字体真棒 - Foursquare的错误图标

Question

我在我的网站上使用font-awesome，而且我的Foursquare品牌图标错误。

我正在使用这个HTML：

<i class="fa fa-foursquare"></i>

这是css的内容，根据fontawesom.css：

.fa-foursquare:before{content:"\f180"}

这是正确的，根据官方Font Awesome网站。

一切似乎都没问题，但我没有Foursquare标识，而是获得了这个图标：

有什么想法吗？

Answer 1

该图标显示为http://iconsetc.com/icon/social-media_foursquare/?style=simple-black。

我的猜测是，您在文档中加载了一个不同的基于字体的图标集，其中\f180字符映射为此图标，而不是覆盖Font Awesome fa-foursquare图标。

一个简单的修复就是：

1. 确保您的图标使用'Font Awesome'字体;
2. 删除您的其他图标字体，或;
3. 确保在其他图标字体后加载了字体真棒。

Answer 2

也许您正在查看3.X版本的旧文档

这是4.3版本中的图标：http://fortawesome.github.io/Font-Awesome/icon/foursquare/

这适用于3.2：http://fortawesome.github.io/Font-Awesome/3.2.1/icon/foursquare/

请记住，Foursquare是一个品牌图标：https://playfoursquare.s3.amazonaws.com/press/foursquare-brandguide.pdf