圖標 · Atom 飛行手冊中文版

# 圖標 # Atom自帶了[Octicons](https://octicons.github.com/)的圖標集。使用它們來添加圖標到你的包中。 ## 使用方法 ## Octicons在Atom中的使用方法不同于[標準用法](https://octicons.github.com/usage/)。最大的不同是圖標class的名字。你應該使用更加通用的`icon icon-`前綴，而不是`octicon octicon-`前綴。例如，要想添加[monitor圖標](https://octicons.github.com/icon/device-desktop/)，在你的標記中使用`icon icon-device-desktop` class： ``` <span class="icon icon-device-desktop"></span> ``` 或者你可以像這樣使用[SpacePen](http://atom.github.io/space-pen/)： ``` @span class: 'icon icon-device-desktop' ``` ## 尺寸 ## Octicons在`16px`的`font-size`下最美觀。通常條件下就是這樣使用的，所以你不用擔心。如果你更喜歡不同的圖標尺寸，嘗試使用16的倍數（比如`32px`或者`48px`）來顯示得更清晰。在此之間的尺寸也可以，但可能對于一些帶直線的圖標會顯示得很模糊。 ## 易用性 ## 雖然圖標會讓你的UI更具有視覺感，不和文本標簽一起使用的時候，就很難猜出它的意思。對于空間不足以放下文本標簽的情況，考慮放置一個鼠標覆蓋時顯示的[提示框](https://atom.io/docs/api/latest/TooltipManager)。或者一個更巧妙的`title="label"`屬性也會有所幫助。