问题描述
我一直被anjularjs ui-grid困扰,它在显示一些中文符号来代替图标.在深入研究之后,我知道我必须使用ui-grid团队提供的一些字体文件,我下载了文件并将其包含在我的项目中,但是仍然无法获得正确的图标图像和字体,以及如何包含这些文件进入项目?
I have been stuck with anjularjs ui-grid, it's showing some Chinese symbols in place of icons. After digging about it I get to know I have to use some font-files provided by ui-grid team, I downloaded the files and included them into my project but still m not getting the correct icon images and fonts, how to include these files into the project?
这些是我下载并包含在项目中的文件名:
These are the file names which I downloaded and included in my project:
1 ui-grid.eot
2 ui-grid.svg
3 ui-grid.ttf
4 ui-grid.woff
推荐答案
我遇到了同样的问题,现在已按如下所示纠正了该问题
I had the same issue, now it is rectified as follows
我用最新的稳定版本(v3.0.0-rc.3)或不稳定版本(v3.0.0-rc.16)更新了Ui-grid.
I updated the Ui-grid with either latest stable version(v3.0.0-rc.3) or the unstable version(v3.0.0-rc.16).
然后将字体文件全部放置在ui-grid.css所在的目录中,就像这样
thenplace the font files all in the same directory as your ui-grid.css lives, like this
app
- lib
- ui-grid.js
- ui-grid.css
- ui-grid.eot
- ui-grid.svg
- ui-grid.ttf
- ui-grid.woff
或
您可以打开CSS并将文件路径更改为@ font-face url中的相对位置
you can open the CSS and change the file path to the relative location in @font-face url's
在这里检查 http://ui-grid.info/docs/#/tutorial/116_fonts_and_installation
这篇关于如何将ui-grid字体文件包含到项目中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!