[Certificat] Icône remplacer par des carrés

Icône remplacer par des carrés [Certificat] - HTML/CSS - Programmation

Marsh Posté le 21-01-2016 à 15:23:53    

Bonjour,
 
J'ai récemment crée un template HTML5 CSS3 en local,
Trop content d'avoir fini,  :love:  je le met sur mon ftp,
Une fois mis sur mon ftp, tout va bien, mais dès que l'on accède au site en https,  :sarcastic:  
Plus d'icone au menu  :??: , toute remplacer par un carré, comme l'on peut le voir :  
 
http://image.noelshack.com/minis/2016/03/1453385206-capture.png /// Pas de certificat SSL
http://image.noelshack.com/minis/2016/03/1453385247-capture2.png /// Certificat SSL
 
Voici le bout le code des icônes et de l'écriture :
 
<!-- Fonts -->
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700" rel="stylesheet" type="text/css">
<link href="../maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 
Merci de votre aide !  :jap:

Reply

Marsh Posté le 21-01-2016 à 15:23:53   

Reply

Marsh Posté le 21-01-2016 à 19:02:03    

Après avoir reçu les réponses d'une belle communauté ^^ J'ai résolu le problème tout seul.  
 
Le problème venait du font awesome, les src était en http, il faillait les changé en https, exemple :
 
 */@font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0');

Reply

Marsh Posté le 24-01-2016 à 09:49:26    

Oui, pour ta securité les navigateurs n'aiment pas inclure du contenu http dans une page https. Il faut uniformiser.
Tu peux très rapidement débusquer les mauvais élèves avec les plugins de dév des navigateurs : firebug, etc (onglet Network).


---------------
Topic .Net - C# @ Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed