export to webfont formats to address #671

css/font-awesome.css

@@ -6,7 +6,8 @@
  * -------------------------- */
 @font-face {
   font-family: 'FontAwesome';
-  src: url('../fonts/FontAwesome.otf') format('opentype');
+  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -90,8 +91,8 @@
     transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
+    -webkit-transform: rotate(359.99deg);
+    transform: rotate(359.99deg);
   }
 }
 @keyframes fa-spin {
@@ -100,8 +101,8 @@
     transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
+    -webkit-transform: rotate(359.99deg);
+    transform: rotate(359.99deg);
   }
 }
 .fa-rotate-90 {

less/animated.less

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

less/path.less

@@ -3,12 +3,12 @@
 
 @font-face {
   font-family: 'FontAwesome';
-//  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
-//  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
-//    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
-//    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
-//    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
-  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+//  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }

src/_includes/examples/animated.html

@@ -9,11 +9,11 @@
   <div class="row">
     <div class="col-md-3 col-sm-4">
       <p>
-        <i class="fa fa-spinner fa-spin fa-2x"></i>
-        <i class="fa fa-spinner fa-pulse fa-2x"></i>
-        <i class="fa fa-circle-o-notch fa-spin fa-2x"></i>
-        <i class="fa fa-refresh fa-spin fa-2x"></i>
-        <i class="fa fa-cog fa-spin fa-2x"></i>
+        <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>
       </p>
     </div>
     <div class="col-md-9 col-sm-8">

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

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

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

@@ -3,12 +3,12 @@
 
 @font-face {
   font-family: 'FontAwesome';
-//  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
-//  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
-//    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
-//    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
-//    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
-  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
+  src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
+    url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
+    url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
+    url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
+//  src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
   font-weight: normal;
   font-style: normal;
 }