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:
Een relevant stuk uit de header:Code:<li><i class="icon-ok"></i>Tekst</li>
Iemand een idee waar ik dit probleem het beste kan zoeken?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]-->
- font awesome icon probleem
-
02-02-2014, 11:39 #1
- Berichten
- 107
- Lid sinds
- 16 Jaar
font awesome icon probleem
-
In de schijnwerper
[BELANGRIJK] Festinger Vault - Download 25.000 thema's en pluginsPromotieOntvang tot 20% kickbackfee op je Google Ads klanten, waar wacht je nog op?PromotieVegan food site - 500+ artikelen met ons ALL-IN-ONE pakket + affiliate plugin!Website te koopE-book: Domineren in Google met AIOverige deals -
02-02-2014, 12:55 #2
- Berichten
- 16
- Lid sinds
- 12 Jaar
Re: font awesome icon probleem
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?
-
02-02-2014, 14:15 #3
- Berichten
- 107
- Lid sinds
- 16 Jaar
Re: font awesome icon probleem
Beste Amir,
De website is te bekijken op http://bit.ly/1eJozW9
-
04-02-2014, 05:27 #4
- Berichten
- 16
- Lid sinds
- 12 Jaar
Re: font awesome icon probleem
Hmm heel vreemd. Host u uw bestanden toevallig via S3/CDN?
-
04-02-2014, 17:39 #5
- Berichten
- 107
- Lid sinds
- 16 Jaar
Re: font awesome icon probleem
Nee, deze staan lokaal op dezelfde server.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic