我正在寻找一个带有自定义图标的ipython笔记本新按钮。
从这个question开始，我知道我可以使用custom.js更改自定义按钮的图标。但似乎我只限于fontawesome中的可用图标。是否可以获得自定义按钮图标？
我的理解是fontawesome使用svg格式，我找到了question/answer，
描述了fontawesome的过程，但是IPython使用的HTML有点不同。
问题仍然是如何将icon.svg文件指向IPython notebook，下面是custom.js中添加按钮的最小示例，以及相关的{{1}生产。
custom.js中的最小按钮示例：
HTML行IPython.toolbar.add_buttons_group([
{
'label': 'Create TOC',
'icon' : 'icon-list',
'callback': function(){
}
}]);
与fontawesome here
以上按钮的IPython HTML：
'icon' : 'icon-list',有没有办法在<div class="btn-group">
<button class="btn" title="Create TOC">
<i class="icon-list"></i>
</button>
</div>
中自定义图标，而无需将其添加到IPython notebook？
答案 0 :(得分：1)
从技术上讲，这是可行的，但更多涉及你期望的。 您需要使用像icomoon或fontforge这样的smth创建自己的webfont版本，将它导出到字体和css文件（css文件可能想要使用unicode的私有平面区域，这与FA使用的不同）。
由于IPython 2.x及更高版本支持requirejs，您可以使用一些技巧加载自定义字体和CSS。然后假设您使用cf前缀，则可以使用icon:'cf-awesomeicon'。
所以你首先想知道的是：
然后看here加载css的笔记本扩展（加载css应该自动拉字体）。