Merge pull request #2596 from robertknight/icon_font_fix_2

Inline the H icon font

h/static/styles/vendor/ICOMOON.md

@@ -21,4 +21,5 @@ add the relevant icons and then use the app's _Generate Font_ facility.
   * Extract `fonts/h.woff` -> `./fonts/h.woff`
   * Extract `style.css` -> `./icomoon.css`.
   * Edit `icomoon.css` to keep only the _WOFF_ format font as that is [supported](http://caniuse.com/#feat=woff) by our target browsers (IE >= 10).
+    The WOFF URL needs to be an inlined data URL until #2571 is resolved.
  6. Commit the updated `selection.json`, `fonts/h.woff` and `icomoon.css` files to the repository.

h/static/styles/vendor/icomoon.css

 @font-face {
 	font-family: 'h';
-	/* WARNING - the URL below was modified from the generated URL
-	 * to use an absolute instead of relative URL
+	/* WARNING - the URL below is inlined
 	 * because the CSS asset pipeline is not correctly rebasing
 	 * URLs when concatenating files together.
 	 *
 	 * See issue #2571
 	 */
-	src: url('/assets/styles/vendor/fonts/h.woff?e944zd') format('woff');
+	src: url('data:application/font-woff;base64,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')
+	     format('woff');
 	font-weight: normal;
 	font-style: normal;
 }