use woff2 files in Sass

Author: bardware

Diff for: index.html

@@ -34,52 +34,52 @@ <h1>Open Sans @font-face demo</h1>
 
 		<span>Light 300</span>
 		<div class="font-demo" style="font-weight:300">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz01234567890123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Light 300 Italic</span>
 		<div class="font-demo" style="font-weight:300;font-style:italic">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
-		<span>Normal 400</span>
+		<span>Regular 400</span>
 		<div class="font-demo">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
-		<span>Normal 400 Italic</span>
+		<span>Regular 400 Italic</span>
 		<div class="font-demo" style="font-style:italic">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Semibold 600</span>
 		<div class="font-demo" style="font-weight:600">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Semibold 600 Italic</span>
 		<div class="font-demo" style="font-weight:600;font-style:italic">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Bold 700</span>
 		<div class="font-demo" style="font-weight:700">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Bold 700 Italic</span>
 		<div class="font-demo" style="font-weight:700;font-style:italic">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Extrabold 800</span>
 		<div class="font-demo" style="font-weight:800">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 
 		<span>Extrabold 800 Italic</span>
 		<div class="font-demo" style="font-weight:800;font-style:italic">
-			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
+			AaBbCcDdEeFfGgHhJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789ÄäÖöÜüẞß
 		</div>
 	</body>
 </html>

Diff for: open-sans.css

@@ -1,6 +1,7 @@
 @mixin fontdef($OpenSansPath, $OpenSansVersion, $FontType:"Regular") {
   src:  url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.eot?v=#{$OpenSansVersion}');
   src:  url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.eot?#iefix&v=#{$OpenSansVersion}') format('embedded-opentype'),
+        url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.woff2?v=#{$OpenSansVersion}') format('woff2'),
         url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.woff?v=#{$OpenSansVersion}') format('woff'),
         url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.ttf?v=#{$OpenSansVersion}') format('truetype'),
         url('#{$OpenSansPath}/#{$FontType}/OpenSans-#{$FontType}.svg?v=#{$OpenSansVersion}##{$FontType}') format('svg');