如何在Meteor.js中手动加载FontAwesome 4

时间:2014-01-06 06:20:00

标签: meteor font-awesome-4

由于其非传统方式,我总是发现很难在Meteor.js中手动加载外部库。我需要一些关于如何以最干净的方式加载这些库的建议

1 client
2 server
3 packages
4 public
  4.1 resources
  4.2 font-awesome
    4.2.1 css
    4.2.2 fonts
    4.2.3 less
    4.2.4 scss
  4.3 fonts

以上是我的根结构。在公共文件夹中,我拥有资源下的所有图像,然后是font-awesome 4的文件夹。现在,当我加载它时,它显示方形符号意味着它没有正确加载它。

我的印象是没有必要在流星中引用任何CSS等,因为它们在运行时捆绑在一起。我错过了什么吗?

我确实尝试过使用陨石包,但它只是安装东西而什么都不做!我宁愿手动操作并在需要时更改引用。

1 个答案:

答案 0 :(得分:2)

如果你知道我的意思,我经常会问自己同样的问题

您可以修改字体真棒css文件,以便字体网址引用/font-wesome/fonts/而不是../fonts。将css / less文件(例如font-awesome.css)移动到/client

通常是

url('../fonts/fontawesome-webfont.woff?v=4.0.3')

将其更改为

url('/font-awesome/fonts/fontawesome-webfont.woff?v=4.0.3')

上面的每种字体还有其他类型的woff,没有骨头。

目录取决于/public中文件的位置,例如,如果您使用/public/danielle,则会使用/danielle

添加陨石

如果添加了陨石,请不要忘记将其添加到流星中,即

mrt add font-awesome
meteor add font-awesome

或用于Windows

cd packages
git clone https://github.com/nate-strauser/meteor-font-awesome.git
rename meteor add meteor-font-awesome font-awesome
meteor add font-awesome