IPython筆記本自定義按鈕圖標

我正在尋找添加一個新的按鈕到ipython筆記本與自定義圖標。IPython筆記本自定義按鈕圖標

從這question開始，我知道我可以使用custom.js更改自定義按鈕的圖標。不過，它似乎只限於fontawesome中的可用圖標。是否有可能獲得自定義按鈕圖標？

我的理解是，fontawesome使用svg格式，我發現這個question/answer，描述過程fontawesome，但是這IPython中使用HTML是一個有點不同。

問題仍然是如何可以指向由IPython notebook讀取我的icon.svg文件，下面是custom.js一個小例子，添加一個按鈕，與生產相關的HTML一起。在custom.js

最小按鈕例如：

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

線'icon' : 'icon-list',關聯到的許多圖標fontawesome具有here

IPython的HTML用於上述按鈕之一：

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

有沒有一種方法來定製在IPython notebook中添加一個圖標，而不必將其添加到fontawesome？

2014-05-24 pyCthon

請檢查這篇文章：http://stackoverflow.com/questions/20290369/ipython-notebook-toolbar-customize –

@VyacheslavYudanov我已經跟隨這謝謝張貼你！ – pyCthon

從技術上講，這是可行的，但稍微牽涉到你所期望的。你需要使用像icomoon或fontforge這樣的smth來創建自己的webfont版本，將其導出爲字體和css文件（該css文件可能希望使用與unicode不同的專用平面區域FA使用）。

由於IPython 2.x及以上版本支持requirejs，因此可以使用一些技巧加載自定義字體和css。然後假設您使用前綴cf，則可以使用icon:'cf-awesomeicon'。

所以，你想知道的第一件事就是：

然後請參閱here爲加載css（加載css應該自動拉字體）的筆記本擴展。

2014-09-23 10:16:45 Matt

回答