<p>Hi, our reports are rendered in a custom font that is loaded via
@font-face. </p>
<p>When that font is not found or loaded, the text is supposed to render using a stack of fallback fonts.</p>
<p>However, this does not work all of the time on all OS's and across all browsers. </p>
<p>Which is really what we want.</p>
<p>In our case the font renders transparent (FOIT) and does not load in, say, less than 30 seconds.</p>
<p> </p>
<p>This is a common problem and it can be solved using just a few lines of javascript.</p>
<p>see <a data-ipb='nomediaparse' href='
https://viget.com/extend/the-font-face-dilemma'>https://viget.com/extend/the-font-face-dilemma</a> for background on this matter.</p>
<p> </p>
<p>So... where would I add the javascript mentioned in the link so it would work on all reports and dashboards we serve via ihub 3.1 on our site?</p>
