angular ui-grid sort icons do not display correctly

Question

I've already researched and tried placing all the font files (ui-grid.eot, ui-grid.svg, ui-grid.ttf, ui-grid.woff) in the same directory as ui-grid-unstable.css. No matter what I do, the Korean looking characters still appear!

Also in firefox I get

downloadable font: download failed (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:1): status=2147500037 source: file:///C:/webapp/css/lib/angular/css/ui-grid.woff app.css downloadable font: download failed (font-family: "ui-grid" style:normal weight:normal stretch:normal src index:2): status=2147500037 source: file:///C:/webapp/css/lib/angular/css/ui-grid.ttf

I also don't use any sort of build mechanism ( bower etc.)

Is there any way to get the icons to display properly? Or like some sort of workaround

---mainDir --css --app.css --images --js --controllers --controller1.js -controller2.js etc. --services --app.js etc --lib --angular --css --ui-grid.eot --ui-grid.svg --ui-grid.ttf --ui-grid.woff --ui-grid-unstable.css --js --angular.min.js --angular-route.min.js --ui-grid-unstable.js --bootstrap -css -fonts -js --jquery -js --views --view1.html --view2.html etc. index.html

Answer 1

Turns out the problem was specific to the ui-grid-unstable.css version. Referenced the latest by using

<link href="http://ui-grid.info/release/ui-grid-unstable.css" rel="stylesheet">

and it worked!

Strangely, if I copy and paste the code from that link and paste it in my local ui-grid-unstable.css, the characters are still the korean-looking ones...

Answer 2

A nice and working solution is to replace the code in css file like this:

.ui-grid-icon-down-dir:before {
  content: '\25bc';
}
.ui-grid-icon-up-dir:before {
  content: '\25b2';
}

The original content '\c358' and '\c359' will display the korean-looking ones in IE.