Font Awesome「Cog」旋轉不均

Question

我們正在使用和添加/刪除某些js事件的fa-spin。這個問題在3倍時很容易看到，因爲齒輪不會繞固定軸旋轉。我懷疑這是因爲圖標本身（SVG）由42 x 49像素的Chrome報告，儘管圖像在視覺上呈方形。任何建議來解決這個問題？

這是很微妙的，但明顯： http://www.screencast.com/t/NwJTcKe4o

Answer 1

在這裏同樣的問題在 「FA-刷新」 的形象。我能夠通過調整我的本地CSS中的原點來解決它：

.fa-spin { 
    -webkit-transform-origin: 35% 50%; 
    -ms-transform-origin: 35% 50%; 
    transform-origin: 35% 50%; 
} 

黑客，但它的工作。測試了其他一些圖標，它們也出現了「居中」。但是如果您強制使用較大的圖標（fa-lg，fa-2x等），則需要對這些數字進行調整。

我不確定是什麼原因造成的。