相关疑难解决方法(0)

Font Awesome是完全开源的,那么如何根据需要调整一些图标,或添加新图标？假设我的主要矢量工具是Inkscape(开源GPL).

fontawesome软件包附带文件*.eot,*.otf,*.svg,*.ttf和*.woff.svg文件无法在Inkscape中成功打开.可以使用哪些程序来编辑这些程序？

一旦我编辑字体,我应该遵循什么准则？我应该使用哪些unicode字符槽？编辑LESS源代码以包含新图标时,我应该注意什么？

我不一定对向官方仓库提交新图标感兴趣,我只是想稍微分叉和改变它,而不是特意加载我自己的几个图标.

我正在尝试使用font-awesome堆叠来实现这一点

我尝试了两种方法,但两者都很难看.问题是,fa-square并且fa-square-o是不同的大小,所以当你堆叠它们时,它们不排队!

我的小提琴

<span class="fa fa-stack">
  <i class="fa fa-square fa-stack-1x"></i>
  <i class="fa fa-plus-square fa-stack-1x fa-inverse"></i>
  <i class="fa fa-square-o fa-stack-1x"></i>
</span>

<span class="fa fa-stack">
  <i class="fa fa-square fa-stack-1x fa-inverse"></i>
  <i class="fa fa-plus-square-o fa-stack-1x"></i>
</span>     

结果是

我试图fa-square用css 缩小86%.但是,这非常脆弱,因为它取决于浏览器和缩放设置.我想在多个缩放级别上Chrome和IE11上的解决方案看起来都不错.

React-font-awesome存储库上的这个问题表明这至少是可能的，但没有概述添加自定义 SVG 图标所需的内容。

React Font Awesome 允许您从库中添加图标，但只能从它们自己的库中添加。

有没有办法创建自己的图标库并添加它？

我为什么要这样做？因为react-font-awesome围绕其组件构建了许多有用的功能<FontAwesomeIcon />，我希望能够将这个组件用于我的应用程序中的所有图标，无论它们是Font Awesome图标还是我自己的图标。

注意：我了解如何编写 SVG 文件，我有兴趣将它们打包为可以加载到react-font-awesome 中的库。

我不确定是否已经存在这样的问题并且可能重复这个问题,但我想知道如何将SVG文件集合制作成与FontAwesome的JS完全相同的东西？

我想用所有的图标从这个包,并使其可被称为和HTML一样使用FontAwesome的JS例如<i class="icon-leaf"></i>,<i class="icon-sun"></i>或<i class="icon-rainbow"></i>.我见过一些在线工具,如https://icomoon.io/app/或http://fontello.com/,但这并不是我想要做的.我不需要css或webfonts(eot,woff等).我只想像上面的FontAwesome的js一样包含.js.