adjusting metrics to attempt to fix the wobble #671

css/font-awesome.css

@@ -91,8 +91,8 @@
     transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-    transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }
 @keyframes fa-spin {
@@ -101,8 +101,8 @@
     transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-    transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
   }
 }
 .fa-rotate-90 {

fonts/fontawesome-webfont.svg

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg>
 <metadata>
-Created by FontForge 20150108 at Thu Jan 22 16:03:17 2015
+Created by FontForge 20150108 at Thu Jan 22 16:45:29 2015
  By vagrant,,,
 Copyright Dave Gandy 2015. All rights reserved.
 </metadata>
@@ -17,8 +17,8 @@ Copyright Dave Gandy 2015. All rights reserved.
     ascent="1536"
     descent="-256"
     bbox="-0.97314 -256.17 2304 1536.16"
-    underline-thickness="90"
-    underline-position="-89"
+    underline-thickness="0"
+    underline-position="0"
     stemv="128"
     unicode-range="U+0020-F500"
   />

less/animated.less

@@ -17,8 +17,8 @@
             transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-            transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
   }
 }
 
@@ -28,7 +28,7 @@
             transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-            transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
   }
 }

src/_includes/examples/animated.html

@@ -10,10 +10,10 @@
     <div class="col-md-3 col-sm-4">
       <p>
         <i class="fa fa-spinner fa-spin fa-3x fa-fw margin-bottom"></i>
-        <i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i>
         <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw margin-bottom"></i>
         <i class="fa fa-refresh fa-spin fa-3x fa-fw margin-bottom"></i>
         <i class="fa fa-cog fa-spin fa-3x fa-fw margin-bottom"></i>
+        <i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i>
       </p>
     </div>
     <div class="col-md-9 col-sm-8">
@@ -23,10 +23,10 @@
       </p>
 {% highlight html %}
 <i class="fa fa-spinner fa-spin"></i>
-<i class="fa fa-spinner fa-pulse"></i>
 <i class="fa fa-circle-o-notch fa-spin"></i>
 <i class="fa fa-refresh fa-spin"></i>
 <i class="fa fa-cog fa-spin"></i>
+<i class="fa fa-spinner fa-pulse"></i>
 {% endhighlight %}
       <p class="alert alert-success">
         <i class="fa fa-info-circle"></i> CSS3 animations aren't supported in IE8 - IE9.

src/assets/font-awesome/fonts/fontawesome-webfont.svg

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg>
 <metadata>
-Created by FontForge 20150108 at Thu Jan 22 16:03:17 2015
+Created by FontForge 20150108 at Thu Jan 22 16:45:29 2015
  By vagrant,,,
 Copyright Dave Gandy 2015. All rights reserved.
 </metadata>
@@ -17,8 +17,8 @@ Copyright Dave Gandy 2015. All rights reserved.
     ascent="1536"
     descent="-256"
     bbox="-0.97314 -256.17 2304 1536.16"
-    underline-thickness="90"
-    underline-position="-89"
+    underline-thickness="0"
+    underline-position="0"
     stemv="128"
     unicode-range="U+0020-F500"
   />

src/assets/font-awesome/less/animated.less

@@ -20,8 +20,8 @@
             transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-            transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
   }
 }
 
@@ -31,7 +31,7 @@
             transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359.99deg);
-            transform: rotate(359.99deg);
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
   }
 }