html - Bootstrap icons rendering as an empty box on all my browsers -

it looks similar here:

glyphicons rendering empty box

but don't know darn problem i've tried googling everything. believe started when tried bootstrap first time. i've read fonts being corrupted redownloaded website , didn't work..

all other solutions seem if you're making project.. mine happening on every browswer. thought glyphicons messed can see these fine:

http://getbootstrap.com/components/

but there things aren't rendering properly. please!

edit: don't have website, it's websites out in web using bootstrap (i think), of fonts(?) not rendering , see square box. i'm associating problem bootstrap though because starting happening when started messing web projects.

bootstrap assumes icon font files located in ../fonts/ directory, relative compiled css files. moving or renaming font files means updating css in 1 of 3 ways:

change @icon-font-path and/or @icon-font-name variables in source less files. utilize relative urls option provided less compiler. change url() paths in compiled css.

make sure path icons in correct directory.

also make sure define them aria-hidden attribute.

modern versions of assistive technologies announce css generated content, specific unicode characters. avoid unintended , confusing output in screen readers (particularly when icons used purely decoration), hide them aria-hidden="true" attribute.

<span class="glyphicon glyphicon-search" aria-hidden="true"></span> 

can provide link site, can see what's happening?