Improve font icon rendering with font-smoothing

This makes all icons look sharper, and reproduces what is applied on the FontAwesome CSS:
https://github.com/FortAwesome/Font-Awesome/blob/4213679/css/font-awesome.css#L19-L20

client/css/style.css

@@ -176,6 +176,39 @@ button {
 	color: rgba(0, 0, 0, .35) !important;
 }
 
+/* Icons */
+
+#viewport .lt:before,
+#viewport .rt:before,
+#chat button.menu:before,
+#sidebar .chan:before,
+#chat .title:before,
+#footer .icon,
+#chat .count:before,
+#settings #play:before,
+#form #submit:before {
+	font: 14px FontAwesome;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+#chat .invite .from:before,
+#chat .join .from:before,
+#chat .kick .from:before,
+#chat .part .from:before,
+#chat .quit .from:before,
+#chat .topic .from:before,
+#chat .mode .from:before,
+#chat .ctcp .from:before,
+#chat .whois .from:before,
+#chat .nick .from:before,
+#chat .action .from:before,
+.context-menu-item:before {
+	font-family: FontAwesome;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
 #wrap {
 	height: 100%;
 	overflow: hidden;
@@ -203,10 +236,7 @@ button {
 }
 
 #viewport .lt:before {
-	font: 14px FontAwesome;
+	content: "\f0c9"; /* http://fontawesome.io/icon/bars/ */
-	content: "\f0c9";
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 #viewport .lt {
@@ -233,17 +263,11 @@ button {
 }
 
 #viewport .rt:before {
-	font: 14px FontAwesome;
+	content: "\f0c0"; /* http://fontawesome.io/icon/users/ */
-	content: "\f0c0";
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 #chat button.menu:before {
-	font: 14px FontAwesome;
+	content: "\f142"; /* http://fontawesome.io/icon/ellipsis-v/ */
-	content: "\f142";
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 #viewport .rt {
@@ -340,11 +364,9 @@ button {
 
 #sidebar .chan:before,
 #chat .title:before {
-	font: 14px FontAwesome;
 	float: left;
 	margin-top: 3px;
 	margin-right: 12px;
-	width: 14px;
 	text-align: center;
 }
 
@@ -360,17 +382,17 @@ button {
 
 #sidebar .chan.lobby:before,
 #chat .lobby .title:before {
-	content: "\f0a0";
+	content: "\f0a0"; /* http://fontawesome.io/icon/hdd-o/ */
 }
 
 #sidebar .chan.query:before,
 #chat .query .title:before {
-	content: "\f0e6";
+	content: "\f0e6"; /* http://fontawesome.io/icon/comments-o/ */
 }
 
 #sidebar .chan.channel:before,
 #chat .channel .title:before {
-	content: "\f0f6";
+	content: "\f0f6"; /* http://fontawesome.io/icon/file-text-o/ */
 }
 
 #sidebar .chan .name {
@@ -480,7 +502,6 @@ button {
 #footer .icon {
 	color: #9ca5b4;
 	display: inline-block;
-	font: 14px FontAwesome;
 	line-height: 34px;
 	padding: 0 12px;
 }
@@ -504,19 +525,19 @@ button {
 }
 
 #footer .sign-in:before {
-	content: "\f023";
+	content: "\f023"; /* http://fontawesome.io/icon/lock/ */
 }
 
 #footer .connect:before {
-	content: "\f067";
+	content: "\f067"; /* http://fontawesome.io/icon/plus/ */
 }
 
 #footer .settings:before {
-	content: "\f013";
+	content: "\f013"; /* http://fontawesome.io/icon/cog/ */
 }
 
 #footer .sign-out:before {
-	content: "\f011";
+	content: "\f011"; /* http://fontawesome.io/icon/power-off/ */
 }
 
 #main {
@@ -884,8 +905,7 @@ button {
 }
 
 #chat .invite .from:before {
-	font-family: FontAwesome;
+	content: "\f003"; /* http://fontawesome.io/icon/envelope-o/ */
-	content: "\f003";
 	color: #2ecc40;
 }
 
@@ -901,52 +921,44 @@ button {
 }
 
 #chat .join .from:before {
-	font-family: FontAwesome;
+	content: "\f090"; /* http://fontawesome.io/icon/sign-in/ */
-	content: "\f090";
 	color: #2ecc40;
 }
 
 #chat .kick .from:before {
-	font-family: FontAwesome;
+	content: "\f05e"; /* http://fontawesome.io/icon/ban/ */
-	content: "\f05e";
 	color: #ff4136;
 }
 
 #chat .part .from:before,
 #chat .quit .from:before {
-	font-family: FontAwesome;
+	content: "\f08b"; /* http://fontawesome.io/icon/sign-out/ */
-	content: "\f08b";
 	color: #ff4136;
 	display: inline-block;
 	transform: rotate(180deg);
 }
 
 #chat .topic .from:before {
-	font-family: FontAwesome;
+	content: "\f0a1"; /* http://fontawesome.io/icon/bullhorn/ */
-	content: "\f0a1";
 	color: #2ecc40;
 }
 
 #chat .mode .from:before {
-	font-family: FontAwesome;
+	content: "\f05a"; /* http://fontawesome.io/icon/info-circle/ */
-	content: "\f05a";
 	color: #2ecc40;
 }
 
 #chat .ctcp .from:before {
-	font-family: FontAwesome;
+	content: "\f0f6"; /* http://fontawesome.io/icon/file-text-o/ */
-	content: "\f0f6";
 }
 
 #chat .whois .from:before {
-	font-family: FontAwesome;
+	content: "\f007"; /* http://fontawesome.io/icon/user/ */
-	content: "\f007";
 	color: #2ecc40;
 }
 
 #chat .nick .from:before {
-	font-family: FontAwesome;
+	content: "\f007"; /* http://fontawesome.io/icon/user/ */
-	content: "\f007";
 	color: #2ecc40;
 }
 
@@ -957,8 +969,7 @@ button {
 }
 
 #chat .action .from:before {
-	font-family: FontAwesome;
+	content: "\f005"; /* http://fontawesome.io/icon/star/ */
-	content: "\f005";
 }
 
 #chat .notice .time,
@@ -1050,8 +1061,7 @@ button {
 
 #chat .count:before {
 	color: #cfcfcf;
-	font: 14px FontAwesome;
+	content: "\f002"; /* http://fontawesome.io/icon/search/ */
-	content: "\f002";
 	position: absolute;
 	right: 18px;
 	line-height: 50px;
@@ -1209,8 +1219,7 @@ button {
 }
 
 #settings #play:before {
-	content: "\f028";
+	content: "\f028"; /* http://fontawesome.io/icon/volume-up/ */
-	font: 14px FontAwesome;
 	margin-right: 9px;
 }
 
@@ -1308,10 +1317,7 @@ button {
 }
 
 #form #submit:before {
-	font: 14px FontAwesome;
+	content: "\f1d8"; /* http://fontawesome.io/icon/paper-plane/ */
-	content: "\f1d8";
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 #form #submit:hover {
@@ -1362,23 +1368,20 @@ button {
 }
 
 .context-menu-item:before {
-	font-family: FontAwesome;
 	width: 20px;
 	display: inline-block;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
 }
 
 .context-menu-user:before {
-	content: "\f007";
+	content: "\f007"; /* http://fontawesome.io/icon/user/ */
 }
 
 .context-menu-chan:before {
-	content: "\f0f6";
+	content: "\f0f6"; /* http://fontawesome.io/icon/file-text-o/ */
 }
 
 .context-menu-close:before {
-	content: "\f00d";
+	content: "\f00d"; /* http://fontawesome.io/icon/times/ */
 }
 
 /**