Font Awesome - Foursquare 的错误图标

Question

我在我的网站上使用了很棒的字体，但我得到了错误的 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. 确保 Font Awesome 已加载在你的其他图标字体之后。

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