问题描述
我一直坚持使用 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 字体文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！