Merge pull request #4919 from edx/jmclaus/serving_fonts_through_platform

Serving Fonts through Platform Assets

cms/static/sass/assets/_fonts.scss

 // studio - assets - fonts
 // ====================
 
-// import from google fonts - Open Sans (http://www.google.com/fonts/specimen/Open+Sans)
-@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
+// No subsetting.
+
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Light-webfont', 300);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-LightItalic-webfont', 300, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Regular-webfont', 400);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Italic-webfont', 400, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Semibold-webfont', 600);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-SemiboldItalic-webfont', 600, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Bold-webfont', 700);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-BoldItalic-webfont', 700, italic);

common/static/css/tinymce-studio-content-fonts.css

 /* NOTE: This file, which loads all necessary fonts for rendering Studio UI, is 1 of 3 CSS files compiled in our production pipeline  */
-@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
+/* No subsetting. */
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
+  font-weight: 300;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-Italic-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot');
+  src: url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.woff') format('woff'),
+       url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+       url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
+  font-weight: 700;
+  font-style: italic;
+}

lms/static/sass/base/_font_face.scss

 // LMS - assets - fonts
 // ====================
 
-// import from google fonts - Open Sans (http://www.google.com/fonts/specimen/Open+Sans)
-@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700);
+// No subsetting.
+
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Light-webfont', 300);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-LightItalic-webfont', 300, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Regular-webfont', 400);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Italic-webfont', 400, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Semibold-webfont', 600);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-SemiboldItalic-webfont', 600, italic);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-Bold-webfont', 700);
+@include font-face('Open Sans', '../fonts/OpenSans/OpenSans-BoldItalic-webfont', 700, italic);