Laravel Glyphicons not showing

Question

The Laravel application is not showing the glyphicons, because is shown the error "Failed to load resource: the server responded with a status of 404 (Not Found)"?

Solution:

$ mkdir public/css/fonts

$ cp node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf public/css/fonts/

$ cp node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff public/css/fonts/

$ cp node_modules/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 public/css/fonts/

I had similar problem. In Laravel 5.4 (in my case) gluphicons are not loading. I wrote a solution [here](https://stackoverflow.com/a/44367436/2080604) for this issue. — Bosko Stupar, Jun 05 '17 at 11:02

score 1 · Answer 1 · answered Sep 13 '19 at 23:08

1

I had same problem, resolved this with adding

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

answered Sep 13 '19 at 23:08

Mladen Nikolic

31
3

works for me, I downloaded this file and used locally later – mishaikon Jun 09 '21 at 20:15

score 0 · Answer 2 · answered Mar 20 '17 at 07:04

Try using the

public_path()

function provided by Laravel, it'll handle getting the public path correctly on development and production.

If you're pulling in through a blade file, try

@font-face{
    font-family:'Glyphicons Halflings';
    src:url({{public_path() . '/css/fonts/<<nameOfFileHere>>'}});
}

Or you could use a CDN if having it locally isn't fully required.

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">

score 0 · Answer 3 · answered Jun 22 '20 at 08:42

0

Glyphicons weren't working for me on laravel 7 and I found this article very useful. It explains how to add Glyphicons for laravel in very simple manner.

How to use Glyphicons with a Laravel project

But I had to do a small change for get this working.

$icon-font-path: '../fonts/bootstrap/';

to

$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";

answered Jun 22 '20 at 08:42

vimuth

5,064
33
79
116

It's a dead link :( – Heichou Sep 03 '20 at 00:15
@Heichou As I remember the issue happens due to the removal of glyphicons from bootstrap 4. You can either use bootstrap 3 instead (Via CDN or NPM) or can use fontawesome library – vimuth Sep 04 '20 at 06:19
Yes I did with fontawesome! – Heichou Sep 04 '20 at 23:30

Laravel Glyphicons not showing

3 Answers3