Merge pull request #65 from nkoehring/optimize-webfont-loading

use font-display:optional to optimize web font loading

less/fonts.less

@@ -3,6 +3,7 @@
 	font-family: 'Open Sans';
 	font-style: normal;
 	font-weight: 400;
+	font-display: optional;
 	src: url('/fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
 	src: local('Open Sans'), local('OpenSans'),
 	   url('/fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -16,6 +17,7 @@
 	font-family: 'Open Sans';
 	font-style: normal;
 	font-weight: 700;
+	font-display: optional;
 	src: url('/fonts/open-sans-v13-latin-700.eot'); /* IE9 Compat Modes */
 	src: local('Open Sans Bold'), local('OpenSans-Bold'),
 	   url('/fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -29,6 +31,7 @@
 	font-family: 'Lora';
 	font-style: normal;
 	font-weight: 400;
+	font-display: optional;
 	src: url('/fonts/Lora-Regular.eot'); /* IE9 Compat Modes */
 	src: local('Lora'), local('Lora-Regular'),
 	   url('/fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -41,6 +44,7 @@
 	font-family: 'Lora';
 	font-style: normal;
 	font-weight: 700;
+	font-display: optional;
 	src: url('/fonts/Lora-Bold.eot'); /* IE9 Compat Modes */
 	src: local('Lora Bold'), local('Lora-Bold'),
 	   url('/fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
@@ -49,13 +53,14 @@
 	   url('/fonts/Lora-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
 }
 @font-face {
-  font-family: 'Lora';
-  font-style: italic;
-  font-weight: 400;
-  src: url('/fonts/Lora-Italic.eot'); /* IE9 Compat Modes */
-  src: local('Lora Italic'), local('Lora-Italic'),
-       url('/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/fonts/Lora-Italic.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/fonts/Lora-Italic.woff') format('woff'), /* Modern Browsers */
-       url('/fonts/Lora-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
+	font-family: 'Lora';
+	font-style: italic;
+	font-weight: 400;
+	font-display: optional;
+	src: url('/fonts/Lora-Italic.eot'); /* IE9 Compat Modes */
+	src: local('Lora Italic'), local('Lora-Italic'),
+	   url('/fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+	   url('/fonts/Lora-Italic.woff2') format('woff2'), /* Super Modern Browsers */
+	   url('/fonts/Lora-Italic.woff') format('woff'), /* Modern Browsers */
+	   url('/fonts/Lora-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
 }