Atom 圖標(biāo)

圖標(biāo)

Atom自帶了Octicons的圖標(biāo)集。使用它們來添加圖標(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）來顯示得更清晰。在此之間的尺寸也可以，但可能對(duì)于一些帶直線的圖標(biāo)會(huì)顯示得很模糊。

易用性

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