Because on my website some fa fa-icons stopped being seen

Navigation
2

Good morning everyone, today I have a very intriguing question. I comment I have a website in production, that until not long ago it worked great and now they stopped seeing 2 fafa icons the rest if they are seen but those two no longer. And since I dedicate myself to the backend I simply buy the templates, I modify them and I put them all backend, so a lot of css and html I do not understand. Someone knows what can occur? If you need any other part of the pidanmela code. 

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-globe"></i>
                                <b class="caret"> </b>
                               <?php if($numero > 0){ ?><span class="notification"><?php echo $numero; ?></span> <?php } ?>
                          </a>

That fa fa-globe is one of those that are no longer seen.

    
asked by Santiago D'Antuoni 17.12.2016 в 16:49
source

2 answers

4

The problem I see is that you are including the style sheet of FontAwesome and the source Roboto de Google Fonts using the protocol HTTP when your site is loaded using HTTPS , so the browser to ensure security The connection simply rejects them ( does not load them ).

When using the protocolo seguro de transferencia de hipertexto (HTTPS) it is expected that all links to external resources are also secure strong>, otherwise it could not be assured that it is working securely.

In summary, modify this: 

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>

And do so ( without indicating the protocol ): 

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>
    
answered by 17.12.2016 / 17:35
source
0

Unless you are indicating it in another site and you have the style sheet on the server, as Sergio Peris commented, it seems that the icon is located on an external website and the link to that external website that you are Indicating is this: # 

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-globe"></i>

Look at this example where it is not an external web, but a directory (font-awesome-4.7.0 / css /) of the server itself and it indicates the location of the style file for the icons * .css: 

<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">

in the case of being an external site it would be like this: 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">

I recommend that the style file be hosted on your server in case the server / external page from which they are obtained is not available, the icons will not disappear.

P.D: if that * css file of styles for the icons you already have in your server you just have to indicate the route as in the first example but with your directories clear.

    
answered by 17.12.2016 в 18:54
As valid, with laravel, that a field is only numeric? SVG file that inherits the current color