Ipython notebook IPython笔记本自定义按钮图标

我想在ipython笔记本上添加一个带有自定义图标的新按钮

从这开始，我知道我可以使用

custom.js

更改自定义按钮的图标。然而，我似乎仅限于中可用的图标。是否可以获得自定义按钮图标

我的理解是

svg

使用

svg

格式，我发现， 然而，描述fontawesome的过程时，IPython使用的

HTML

有点不同

问题仍然是如何将我的

icon.svg

文件指向

IPython notebook

读取，下面是

custom.js

中添加按钮以及生成的相关

HTML

的最小示例

custom.js中的最小按钮示例：

IPython.toolbar.add_buttons_group([
{
     'label': 'Create TOC',
     'icon' : 'icon-list', 
  'callback': function(){
    }
}]);

<div class="btn-group">
    <button class="btn" title="Create TOC">
        <i class="icon-list"></i>
    </button>
</div>

行

'icon'：'icon list'，

与Fontwood拥有的众多图标之一相关

IPython HTML用于上述按钮：

IPython.toolbar.add_buttons_group([
{
     'label': 'Create TOC',
     'icon' : 'icon-list', 
  'callback': function(){
    }
}]);

<div class="btn-group">
    <button class="btn" title="Create TOC">
        <i class="icon-list"></i>
    </button>
</div>

---

有没有一种方法可以自定义

IPython笔记本中的图标，而无需将其添加到
fontawesome
？
从技术上讲，这是可行的，但比您预期的要复杂一些。
您需要使用smth（如icomoon或fontforge）创建自己版本的webfont，然后将其导出到字体和css文件（css文件可能希望使用unicode的专用平面区域，这与FA使用的不同）

由于iPython2.x及以上版本支持requirejs，您可以使用一些技巧加载自定义字体和css。然后假设您使用的是
cf
前缀，您可以只使用
图标：'cf-awesomeicon'

所以你首先想知道的是：


如何创建自定义webfont。剩下的（几乎）是小菜一碟

然后查看加载css的笔记本扩展（加载css会自动拉字体）。
查看这篇文章：@VyacheslavYudanov我已经在关注这篇文章了，谢谢你的发帖！