我可以在HTML5通知顯示字體真棒圖標

我試圖在每本文檔here我website.As顯示桌面通知，我可以提供一個URL來image.But我的網站使用的字體真棒圖標圖標，因此我沒有URL的圖標。任何幫助或替代將不勝感激我可以在HTML5通知顯示字體真棒圖標

function spawnNotification(theBody,theIcon,theTitle) { 
    var options = { 
     body: theBody, 
     icon: theIcon //this should be a URL can I provide an icon class of a text content? 
    } 
    var n = new Notification(theTitle,options); 
}

來源

2017-02-17 Able Johnson

Fontawesome圖標確實進來PNG，你可以直接使用圖標圖像的URL。您可以在服務器

function spawnNotification(theBody,theIcon,theTitle) { 
    var options = { 
     body: theBody, 
     icon: 'http://yourdomain.com/icons/icon.png' 
    } 
    var n = new Notification(theTitle,options); 
}

上託管你的圖像欲瞭解更多信息有關的圖標是指here

來源

2017-02-17 07:56:57

感謝SAURABH！，這是一個好主意。遺憾的是，我不能遵循這種方式，因爲這個應用程序有成千上萬的字體真棒圖標，我必須支持桌面通知中的所有圖標。以png格式下載所有字體真棒圖標是不切實際的。我很欣賞你的努力 –

我發現這個網站http://fa2png.io/ –

好@AbleJohnson，這可能幫助https://github.com/encharm/Font-Awesome-SVG-PNG/tree/master/black/png –

我可以在HTML5通知顯示字體真棒圖標

回答

相關問題