title: How to solve sporadic error loading of css icons?
body: <p>I am having problems loading icons, but it is rare and difficult to reproduce the problem, as it occurs from time to time when updating with F5. It only occurs in bootstrap or other css source icons like Ionicons.</p>
  <p>Here are some examples of how you are displaying the icons when the problem occurs.</p>
  <p><strong>This is the page with problem to load icons</strong></p>
  <p><a href="https://i.stack.imgur.com/EIuO8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EIuO8.png" alt="This is the page with problem to load icons" /></a></p>
  <p><strong>That's when the icons load</strong></p>
  <p><a href="https://i.stack.imgur.com/WmKMx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WmKMx.png" alt="That's when the icons load" /></a></p>
  <p>The css is loaded from a file and the code class refers to fonts.</p>
  <p><strong>Exemples from css file &quot;ionicons.css&quot;</strong></p>
  <pre><code>.ion-edit:before { content: &quot;\f2bf&quot;; }
  </code></pre>
  <p><strong>Utilization of class css in HTML</strong></p>
  <pre><code>        &lt;a class=&quot;button_table&quot; data-toggle=&quot;modal&quot; data-target=&quot;#modalDiv&quot; onclick=&quot;DoSomething()&quot;&gt;
              &lt;span class=&quot;ion-edit&quot;&gt;&lt;/span&gt;
          &lt;/a&gt;
      
  </code></pre>
  <p><strong>Inspecting the screen here, the css loaded like this:</strong></p>
  <pre><code>.ion-edit:before {  content: &quot;ïŠ¿&quot;;}
  </code></pre>