Atom飞行手册翻译： 3.6 图标

图标

Atom自带了

Octicons

的图标集。使用它们来添加图标到你的包中。

使用方法

Octicons在Atom中的使用方法不同于

标准用法

。最大的不同是图标class的名字。你应该使用更加通用的

icon icon-

前缀，而不是

octicon octicon-

前缀。

例如，要想添加

monitor图标

，在你的标记中使用

icon icon-device-desktop

class：

<span class="icon icon-device-desktop"></span>           

或者你可以像这样使用

SpacePen

：

@span class: 'icon icon-device-desktop'           

尺寸

Octicons在

16px

的

font-size

下最美观。通常条件下就是这样使用的，所以你不用担心。如果你更喜欢不同的图标尺寸，尝试使用16的倍数（比如

32px

或者

48px

）来显示得更清晰。在此之间的尺寸也可以，但可能对于一些带直线的图标会显示得很模糊。

易用性

虽然图标会让你的UI更具有视觉感，不和文本标签一起使用的时候，就很难猜出它的意思。对于空间不足以放下文本标签的情况，考虑放置一个鼠标覆盖时显示的

提示框

。或者一个更巧妙的

title="label"

属性也会有所帮助。