Clean up code, add new fonts

css/fonts.css

@@ -15,6 +15,8 @@
 	content: attr(data-icon);
 	speak: none;
 	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 }
@@ -23,38 +25,36 @@
 /*
 Instead of a list of all class selectors,
 you can use the generic selector below, but it's slower:
-[class*="icon-"]:before {
+[class*="icon-"] {
 */
-.icon-contract:before, .icon-expand:before, .icon-link:before, .icon-twitter:before, .icon-contrast:before, .icon-target:before, .icon-pencil:before, .icon-wrench:before {
+.icon-expand, .icon-target, .icon-contrast, .icon-floppy, .icon-contract, .icon-link, .icon-download-alt {
 	font-family: 'icomoon';
 	speak: none;
 	font-style: normal;
 	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
-	font-size: 20px;
-}
-.icon-contract:before {
-	content: "\e005";
 }
 .icon-expand:before {
-	content: "\e006";
+	content: "\e000";
 }
-.icon-link:before {
+.icon-target:before {
 	content: "\e001";
 }
-.icon-twitter:before {
-	content: "\e008";
-}
 .icon-contrast:before {
-	content: "\e000";
-}
-.icon-target:before {
 	content: "\e002";
 }
-.icon-pencil:before {
-	content: "\e007";
+.icon-floppy:before {
+	content: "\e003";
+}
+.icon-contract:before {
+	content: "\e004";
 }
-.icon-wrench:before {
-	content: "\f0ad";
+.icon-link:before {
+	content: "\e005";
 }
+.icon-download-alt:before {
+	content: "\e006";
+}