如何安装只需要字体从字体了不起?

我会使用一对夫妇的图标从字体了不起。

我看到,我们可以下载整个字体可怕的目录,并使用简单的代码,如 <i class="fa fa-camera-retro"></i>和使用 fa-camera-retro显示的图标。

我是否可以只下载我将要使用的字体?

对于上面的例子,如果我只使用 <i class="fa fa-camera-retro"></i>fa-camera-retro,我想减少目录的大小,只使用与此图标相关的文件。

38052 次浏览

也许这会有所帮助: Fontello

Fontello 允许您选择图标并编译自己的版本

使用 Icomoon,您可以选择一个图标子集,并创建自己的自定义图标字体,这不仅是为了字体了不起,他们有其他库。

你可以使用 图形符号。它可以帮助你从各种类型的库中导入所需的图标,比如 FontAwesome,Materials 等等。如果您需要更多的定制,不确定它是否会帮助您,但它可以迎合大多数用例。

我想提出一个替代的解决方案,因为这里只提供了几个答案。 我遇到了同样的问题,发现最简单的解决方案是简单地使用 svg 版本。但是,请确保提供高度或宽度尺寸!

<img class="my-fa-icon" src="/assets/css/fontawesome-free-svgs/brands/facebook-f.svg">
.my-fa-icon {
width: 1rem; /** Required */
}

我知道这个问题要求的不是 没错,但是它很简单并且运行良好。

我认为 子集-图标字体完全符合您的需要。这个包的目的是从几个图标字体包中进行子集,并使用最新的 fontawome (6.1.1) css/scss 样式。为了满足您的需要,您可以通过以下几行来完成:

npm install --save-dev subset-iconfont @fortawesome/fontawesome-free

那么


import { FaFreeProvider } from 'subset-iconfont';


const fa = new FaFreeProvider (['plus', 'clock', '500px'], {
formats: ['ttf', 'woff2'],
});


fa.makeFonts('./outputDir').then((result) => {
console.log('Done!');
});


然后在文件夹 ./outputDir中找到结果,打开生成的 index.html查看如何使用它。

此外,您还可以从其他一些图标字体包子集,并使用 FontAwesome 样式的子集结果。

另外,我是包裹的作者。