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
- 15 Jaar
font awesome icon probleem
-
In de schijnwerper
Blogs plaatsen op websites met echte content & bezoekers inclusief gratis tekst?!AdvertentieruimteResultaten.eu | Unieke domeinnaam te koopDomein te koopBier.nl & Bier.be | BIN 100.000 | Een kans die je maar eens in je leven krijgt!Domein te koopDeskundige betrouwbare (voordelige) Wordpress SpecialistFreelance / Werk -
02-02-2014, 12:55 #2
- Berichten
- 16
- Lid sinds
- 11 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
- 15 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
- 11 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
- 15 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