Atom 圖標

圖標

Atom自帶了Octicons的圖標集。使用它們來添加圖標到你的包中。

使用方法

Octicons在Atom中的使用方法不同于標準用法。最大的不同是圖標class的名字。你應(yīng)該使用更加通用的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的倍數(shù)（比如32px或者48px）來顯示得更清晰。在此之間的尺寸也可以，但可能對于一些帶直線的圖標會顯示得很模糊。

易用性

雖然圖標會讓你的UI更具有視覺感，不和文本標簽一起使用的時候，就很難猜出它的意思。對于空間不足以放下文本標簽的情況，考慮放置一個鼠標覆蓋時顯示的提示框?；蛘咭粋€更巧妙的title="label"屬性也會有所幫助。