2014-11-14 64 views
2

有沒有人用font-awesome做過一個漂亮的時區圖標?我在想也許是在一起的世界和時間,但我看不到它看起來不錯。使用fontawesome生成時區圖標

<span class="fa-stack"> 
    <i class="fa fa-globe fa-stack-2x"></i> 
    <i class="fa fa-clock-o fa-stack-1x"></i> 
</span> 

上面的也許是一個起點,但我將不得不併排改變顏色或東西,或者也許他們的風格我自己,而不是stacked-所以我不知道是否有人已經擁有的東西,看起來很不錯?它不需要是世界和時間,可以是其他意味着時區的用戶。

回答

1

就是這樣。關鍵是要讓顏色與時鐘脫穎而出,並將時鐘放在合適的位置。

<span class="fa-stack"> 
<i class="fa fa-globe fa-stack-2x"></i> 
<i class="fa fa-clock-o fa-stack" style="color: #ccc; text-align: right; margin-right: 0.35em; margin-top: 0.25em; right: 0; position: absolute;"></i> 
</span> 

https://jsfiddle.net/01h9p7xx/