MAGETWO-31855: UI improvements

- woff2 fonts support

Author: Oleg Zinoviev

app/design/adminhtml/Magento/backend/web/less/clearless/typography.less

@@ -19,7 +19,10 @@
     @font-face {
         font-family: @family-name;
         src: url('@{font-path}.eot');
-        src: url('@{font-path}.eot?#iefix') format('embedded-opentype'), url('@{font-path}.woff') format('woff'), url('@{font-path}.ttf') format('truetype');
+        src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
+        url('@{font-path}.woff2') format('woff2'),
+        url('@{font-path}.woff') format('woff'),
+        url('@{font-path}.ttf') format('truetype');
         font-weight: @font-weight;
         font-style: @font-style;
     }
@@ -29,7 +32,11 @@
     @font-face {
         font-family: @family-name;
         src: url('@{font-path}.eot');
-        src: url('@{font-path}.eot?#iefix') format('embedded-opentype'), url('@{font-path}.woff') format('woff'), url('@{font-path}.ttf') format('truetype'), url('@{font-path}.svg#@{family-name}') format('svg');
+        src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
+        url('@{font-path}.woff2') format('woff2'),
+        url('@{font-path}.woff') format('woff'),
+        url('@{font-path}.ttf') format('truetype'),
+        url('@{font-path}.svg#@{family-name}') format('svg');
         font-weight: @font-weight;
         font-style: @font-style;
     }

app/design/frontend/Magento/blank/web/fonts/opensans/bold/opensans-700.woff2

@@ -948,6 +948,7 @@
 //            font-family: @family-name;
 //            src: url('@{font-path}.eot');
 //            src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
+//            url('@{font-path}.woff2') format('woff2'),
 //            url('@{font-path}.woff') format('woff'),
 //            url('@{font-path}.ttf') format('truetype'),
 //            url('@{font-path}.svg#@{family-name}') format('svg');

app/design/frontend/Magento/blank/web/fonts/opensans/light/opensans-300.woff2

@@ -913,6 +913,7 @@
             font-family: @family-name;
             src: url('@{font-path}.eot');
             src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
+            url('@{font-path}.woff2') format('woff2'),
             url('@{font-path}.woff') format('woff'),
             url('@{font-path}.ttf') format('truetype'),
             url('@{font-path}.svg#@{family-name}') format('svg');

app/design/frontend/Magento/blank/web/fonts/opensans/regular/opensans-400.woff2

@@ -12,6 +12,7 @@
         font-family: @family-name;
         src: url('@{font-path}.eot');
         src: url('@{font-path}.eot?#iefix') format('embedded-opentype'),
+        url('@{font-path}.woff2') format('woff2'),
         url('@{font-path}.woff') format('woff'),
         url('@{font-path}.ttf') format('truetype'),
         url('@{font-path}.svg#@{family-name}') format('svg');