get Open Sans font from Google CDN instead of local hosting (and include extended character sets)

Gruntfile.js

@@ -93,7 +93,8 @@ module.exports = function(grunt) {
                     'optimize': 'uglify',
                     'preserveLicenseComments': false,
                     'optimizeCss': 'standard',
-                    'cssImportIgnore': null,
+                    // TODO: Replace the following with a saner value if/when `r.js` merges PR https://github.com/jrburke/r.js/pull/653
+                    'cssImportIgnore': '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,cyrillic-ext,latin-ext,greek-ext',
                     'inlineText': true,
                     'useStrict': false,
                     'pragmas': {},

README.md

@@ -9,6 +9,10 @@
 
 Documentation on how to install and configure OAE can be found in the [back-end repository](https://github.com/oaeproject/Hilary).
 
+## Local Development
+
+By default 3akai-ux uses the Open Sans font family available from Google's Web Font CDN. When developing locally without a live Internet connection, that CDN will be inaccessible. To ensure maximum visual fidelity, those fonts can be installed as system fonts in the local machine. Download the entire collection from [Google](http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans).
+
 ## Widget development
 
 Documentation on how to create custom OAE widgets and an overview of the available widgets can be found at the [Widget Library](http://oae-widgets.sakaiproject.org/)

shared/oae/css/oae.core.css

@@ -13,15 +13,21 @@
  * permissions and limitations under the License.
  */
 
+/**
+* Import the Open Sans font. Any changes to the URL below must be reflected
+* in `requirejs.optimize.options.cssImportIgnore` in `Gruntfile.js`. Because
+* this `@import` will not be replaced with inlined includes, it must precede
+* all other rules in the file.
+*/
+@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700&subset=latin,cyrillic-ext,latin-ext,greek-ext');
+
 /* Import the Bootstrap CSS file */
 @import url('../../vendor/css/bootstrap.css');
 /* Import the JQuery Bootstrap Notify plugin CSS */
 @import url('../../vendor/css/jquery.bootstrap.notify.css');
 
 /* Import the Font Awesome Icon Set */
 @import url('../../vendor/css/font-awesome/css/font-awesome.css');
-/* Import the Open Sans font */
-@import url('../../vendor/css/opensans/css/opensans.css');
 
 /* Import the JQuery AutoSuggest plugin CSS */
 @import url('../../vendor/css/jquery.autoSuggest.css');