如何使用Font Awesome 3.2.1隐藏文本值并只显示图标？菜单选项需要有一个值。这就是我所拥有的：
<a href="#" class="icon icon-facebook-sign">Facebook</a>
我尝试了文字缩进，但只是隐藏了徽标，而不是隐藏的文字。
答案 0 :(得分：1)
与Glyphicons（在Bootstrap中使用）类似，您可以在span标记中使用a元素：
<a href="#" title="Facebook"><span class="icon icon-facebook-sign"></span></a>
根据建议，我已为屏幕阅读器添加了title属性。只要a标记不包含任何文本，屏幕阅读器就应该使用它。
答案 1 :(得分：0)
您可以使用非常有用的color:transparent属性。
文字缩进也应该有用。 CSS属性值为display: inline-block或display: block要锚定。
另一个解决方案是，您可以将文本放在span标记中，并提供span display:none;
答案 2 :(得分：0)
<a href="https://www.facebook.com" title="Facebook"><i class="fa fa-facebook"></i> <span style="display:none;">Facebook</span></a>
这是FontAwesome图标的标准用法，可以解决您的问题。
答案 3 :(得分：0)
<a href="#" class="icon icon-facebook-sign"><span class="hidden-xs">Facebook</span></a>
如果你在这里使用Bootstrap，你可以使用hidden-lg，hidden-md类。