Question

我已经研究过并尝试将所有字体文件（ui-grid.eot，ui-grid.svg，ui-grid.ttf，ui-grid.woff）放在与ui-grid相同的目录中-unstable.css。无论我做什么，韩国人看起来仍然出现！

另外在firefox中我得到了

可下载字体：下载失败（字体系列：＆＃34; ui-grid＆＃34;样式：正常体重：正常拉伸：正常src索引：1）：状态= 2147500037 来源：file：/// C：/webapp/css/lib/angular/css/ui-grid.woff app.css 可下载的字体：下载失败（font-family：＆＃34; ui-grid＆＃34;样式：正常权重：正常拉伸：正常src索引：2）：status = 2147500037 来源：file：/// C：/webapp/css/lib/angular/css/ui-grid.ttf

我也没有使用任何类型的构建机制（bower等）

有没有办法让图标正确显示？或者像某种解决方法

---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

原来问题是ui-grid-unstable.css版本特有的。使用

引用最新的

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

它有效！

奇怪的是，如果我复制并粘贴该链接中的代码并将其粘贴到我当地的ui-grid-unstable.css中，那么这些角色仍然是看起来像韩国人的......

Answer 2

一个好的工作解决方案是替换css文件中的代码，如下所示：

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

原始内容'\c358'和'\c359'会在IE中显示看起来像韩文的内容。

Answer 3

你的项目中找不到字体uri路径。在git中跟随文件夹结构相同。如果你仍然面临相同的问题使用更新的角度ui网格版本。自定义列标题模板是解决排序图标问题的另一种方法。这是默认的标题模板代码：

从默认模板中，只需用'ui-grid-icon-up-dir＆＃39;替换你自己的css类。用于图标和＆u-grid-icon-down-dir＆＃39;用于向下图标。

Answer 4

您需要转到版本文件夹，下载以下文件：

ui-grid.eot
ui-grid.svg
ui-grid.ttf
ui-grid.woff

并放在存储ui-grid.css文件的同一本地文件夹中。

e.g。如果您使用的是ui-grid.js和ui-grid.css 4.0.4版，则需要从

下载上述文件

https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/4.0.4

并放在存储ui-grid.css文件的同一本地文件夹中。您不需要明确地在代码中引用这4个文件。希望这会有所帮助。

角度网格排序图标无法正确显示

4 个答案: