Binnen mijn website loop ik tegen een vreemd probleem aan omtrent de icons van font awesome.
Soms werken deze niet:
http://prntscr.com/2ot4od

En andere keren weer wel:
http://prntscr.com/2ot4t9

Wanneer ik de website test op browsershots.org valt me hetzelfde op, de ene keer werkt het wel en de andere keer niet.

De code veranderd uiteraard niet, en dat is ook wat het lastig maakt om het uit te zoeken.
Helaas krijg ik bij de ontwerper van de website geen gehoor, hierdoor moet ik zelf op zoek naar de oplossing.

De gebruikte code is:

Code:

<li><i class="icon-ok"></i>Tekst</li>

Een relevant stuk uit de header:

Code:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--  revolution slider plugin : begin -->
<link rel="stylesheet" type="text/css" href="http://www.xxx.nl/rs-plugin/css/settings.css" media="screen" />  
<link rel="stylesheet" type="text/css" href="http://www.xxx.nl/css/rs-responsive.css" media="screen" />        
<!--  revolution slider plugin : end -->
<link rel="stylesheet" href="http://www.xxx.nl/css/bootstrap.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/custom.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/css3-menu.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/isotope.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/color_scheme.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Raleway:400,900,500,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://www.xxx.nl/css/font-awesome.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/font-awesome-ie7.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/flexslider.css" />
<link rel="stylesheet" href="http://www.xxx.nl/css/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="http://www.xxx.nl/css/IE-fix.css" />
<![endif]-->

Iemand een idee waar ik dit probleem het beste kan zoeken?

Heeft u niet een locatie waar we het kunnen bekijken? Om zo te 'gokken' waar het aan kan liggen is nogal lastig. Wellicht dat uw fonts (fontawesome fonts) niet correct worden ingeladen?

Beste Amir,

De website is te bekijken op http://bit.ly/1eJozW9

Hmm heel vreemd. Host u uw bestanden toevallig via S3/CDN?

Nee, deze staan lokaal op dezelfde server.