为什么FontAwesome中的某些类最后有-o?

时间:2014-09-24 17:01:22

标签: css font-awesome

这里有相当随机的问题,但只是想知道为什么FontAwesome(http://fortawesome.github.io/Font-Awesome/)中的某些类最后有-o,例如fa-hdd-o

从局外人看来,似乎没有理由这样做,因为没有其他类可能是变体。

我在问,因为我想看看设计决策背后的想法。

4 个答案:

答案 0 :(得分:2)

实际上我认为o代表图标的"大纲" 版本。根据设计,并非所有图标都具有-o类型的版本。这请参见Font Awesome文件图标的示例:

Screenshot example of Font Awesome graphic for file and file-o

重要的是要注意-o版本图标将具有透明背景,因此不在轮廓中的区域将显示它们放置在其上的背景颜色或图像。这个方面回到你的问题@Savvas Nicholas关于设计和这些-o图标类型,在风格上它们提供了不同的视觉效果。

答案 1 :(得分:1)

我认为因为-o他们想说外面的东西。例如,检查fa-bell vs fa-bell-o并查看差异。

答案 2 :(得分:1)

如果您转到cheatsheet,则可以看到-o的图标与不具有-o的图标之间的确切差异。 -o通常有白色而不是黑色,而没有{{1}}的白色则相当黑。

答案 3 :(得分:0)

它代表" off"。

如果你采取:

fa-bell-slash 

例如,当您查看图标时,您可以对其进行排序。

但如果你看一下:

fa-bell-slash-o
看起来铃响了。