Atom自帶了Octicons的圖標(biāo)集。使用它們來(lái)添加圖標(biāo)到你的包中。
Octicons在Atom中的使用方法不同于標(biāo)準(zhǔn)用法。最大的不同是圖標(biāo)class的名字。你應(yīng)該使用更加通用的icon icon-
前綴,而不是octicon octicon-
前綴。
例如,要想添加monitor圖標(biāo),在你的標(biāo)記中使用icon icon-device-desktop
class:
<span class="icon icon-device-desktop"></span>
或者你可以像這樣使用SpacePen:
@span class: 'icon icon-device-desktop'
Octicons在16px
的font-size
下最美觀。通常條件下就是這樣使用的,所以你不用擔(dān)心。如果你更喜歡不同的圖標(biāo)尺寸,嘗試使用16的倍數(shù)(比如32px
或者48px
)來(lái)顯示得更清晰。在此之間的尺寸也可以,但可能對(duì)于一些帶直線的圖標(biāo)會(huì)顯示得很模糊。
雖然圖標(biāo)會(huì)讓你的UI更具有視覺(jué)感,不和文本標(biāo)簽一起使用的時(shí)候,就很難猜出它的意思。對(duì)于空間不足以放下文本標(biāo)簽的情況,考慮放置一個(gè)鼠標(biāo)覆蓋時(shí)顯示的屬性也會(huì)有所幫助。