流星字体更新

Question

我正在我的网站上使用fontawesome中的图标，但是现在我看到font-awesome已更新到版本5，我想使用这些图标。在流星中，我的包裹文件中包含以下行：

fortawesome:fontawesome

这不是说我正在使用4.7版，如何将该软件包更新到版本5？

编辑：

我做了

meteor npm install --save  @fortawesome/fontawesome-free

我知道在package.json中的依赖项下可以看到它：

"@fortawesome/fontawesome-free": "^5.1.0",

但是我怎么使用它呢？

Answer 1

有几种方法可以使用新的Font Awesome 5图标，但这是我的最爱。

根据是否要使用这些特定图标，将图标分为不同的软件包，您需要安装这些软件包。

导入核心FontAwesomeIcon组件：

import FontAwesomeIcon from '@fortawesome/react-fontawesome';

从NPM包中导入要使用的所有特定图标：

import { faPlay, faBackward } from '@fortawesome/fontawesome-free-solid';

然后使用如下图标：

<FontAwesomeIcon className="add-classnames-like-this" icon={faPlay} fixedWidth />

希望有帮助

Answer 2

要将其与Meteor Blaze一起使用，您只需遵循npm install guide：

$ meteor npm install --save @fortawesome/fontawesome-free

然后将其导入到client/main.js文件（或客户端代码中全局位置）中的css / js内容：

import '@fortawesome/fontawesome-free'
import '@fortawesome/fontawesome-free/css/all.css'
import '@fortawesome/fontawesome-free/js/all.js'

然后您可以将图标放在模板中：

<template name="fasExamples">
  <i class="fas fa-camera-retro"></i>
</template>