发表于 | | 阅读次数

在 Rails 4 应用中使用自定义字体，只需以下步骤：

  1. 在 app/assets 目录下添加fonts目录
  2. 将自定义字体放置于 app/assets/fonts 目录下
  3. 在定义字体的 CSS 文件中，使用 font-url 函数来调用字体。例如：
1
2
3
4
5
6
@font-face {
  font-family: 'Lato',
  src: font-url('lato.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

另外，当使用多种自定义字体的时候，可以将字体文件放进各自的子目录中。引用的时候，只要在对应的字体定义中包含子目录名称即可。例如：

1
2
3
@font-face{
  src: font-url('lato/lato.woff') format('woff');
}

发表于 | | 阅读次数

随着项目的增长，Grunt任务也相对地变复杂。通过console.log或者grunt.log.writeln等方法去调试会变得越来越耗时。所幸的是，可以使用Node Inspector来做断点调试，以增加Grunt任务的开发效率。

Node Inspector是一个基于Blink Developer Tools的图形化调试工具，可以用来调试NodeJs应用。安装Node Inspector：

1
npm install -g node-inspector

完成之后即可以开始调试，步骤如下：

  • 在任务代码中添加断点代码debugger

  • 启动Node Inspector

    node-debug --web-port=9999 grunt-path task-name --task-option

    在Windows 7系统中, 如果通过全局安装grunt-cli的话，那么grunt-path 就是 %appdata%\npm\node_modules\grunt-cli\bin\grunt。

参考：

0%