I’ve spent hours and hours trying to get web fonts such as that used in AUI or FontAwesome to load correctly, but think some assistance is required - this is a complete pain as all our application glyphs are based on web fonts these days rather than image files.
I notice there is an older post from August 2013 about this but had hoped this may have been resolved by v1.7.
I’m actually pretty sure I got it working OK yesterday as was troubleshooting a different issue by the time I went home, but today I can’t get it working again and I can’t see any changes that could affect it going back through the code version history.
Very basic example code for FontAwesome could be a spinner:
<link rel="stylesheet" type="text/css" href="ghe://heserver/lib/font-awesome-4.1.0/css/font-awesome.min.css" media="all" />
<style type="text/css">
#spinner-wrapper {
position: fixed;
width: 100%;
height: 100%;
display: flex;
align-items: center;
top: 0;
}
#spinner {
display: flex;
margin: 0 auto;
color: #cccccc;
}
</style>
<div id="spinner-wrapper">
<div id="spinner">
<span class="fa fa-cog fa-3x fa-spin"></span>
</div>
</div>
There are no items loading up under the fonts tab in the Chrome Developer Tools after refreshing the page, and all the files in the lib subdirectory have selected the checkbox for unpacking the files to virtual memory at startup.
Any assistance would be greatly appreciated. Thank you.