Commit c3960b8e authored by Robert Knight's avatar Robert Knight

Inline the H icon font

The previous fix to use an absolute URL to the icon
font did not work in the Chrome extension because
the base path for assets was different.

The proper solution here will involve refactoring
the CSS build pipeline and possibly automatically
inlining font URLs in the process. I did not just
add a preprocessor to inline all URLs because
that would also have affected fonts in katex.min.css
and added significantly to the size of the CSS bundle.

This commit reverts back to the previous solution of
inlining just the icon font.

See #2571
parent d026bccf
......@@ -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.
@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;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment