如何将ui-grid字体文件包含到项目中

Question

我一直坚持使用anjularjs ui-grid,它显示了一些中文符号代替图标.在深入了解之后我才知道我必须使用ui-grid团队提供的一些字体文件,我下载了文件并将它们包含在我的项目中,但仍然没有得到正确的图标图像和字体,如何包含这些文件进入项目？

这些是我下载并包含在我的项目中的文件名:

1 ui-grid.eot 
2 ui-grid.svg
3 ui-grid.ttf
4 ui-grid.woff

Answer 1

我有同样的问题,现在纠正如下

我使用最新的稳定版本(v3.0.0-rc.3)或不稳定版本(v3.0.0-rc.16)更新了Ui-grid.

然后将字体文件全部放在与ui-grid.css相同的目录中,就像这样

app
- lib
  - ui-grid.js
  - ui-grid.css
  - ui-grid.eot
  - ui-grid.svg
  - ui-grid.ttf
  - ui-grid.woff

要么

你可以打开CSS并将文件路径更改为@ font-face url中的相对位置

点击这里 http://ui-grid.info/docs/#/tutorial/116_fonts_and_installation

Answer 2

我正在使用Grunt我必须添加

copy: {
      dist: {
        files: [
           ...
        //font di ui grid
         {
              expand: true,
              flatten: true,
              dest: 'dist/styles/',
              src: ['bower_components/angular-ui-grid/ui-grid.ttf',
                    'bower_components/angular-ui-grid/ui-grid.woff',
                    'bower_components/angular-ui-grid/ui-grid.eot',
                    'bower_components/angular-ui-grid/ui-grid.svg'
                    ]
            }
    ]},

到Gruntfile.js为了复制 目录中的ui-grid字体style.