Using icon font with the browser's Notifications API

Question

I am planning on adding the javascript Notifications API functionality to a web app I am building.

I took a look at the example from the MDN site:

function spawnNotification(theBody, theIcon, theTitle) {
    var options = {
        body: theBody,
        icon: theIcon
    };
    var n = new Notification(theTitle, options);
}

It allows the URL of an image (icon) to be specified as the icon in the notification popup box. Since I am using bootstrap and glyphicons, is there a way that I can use one of the images from the icon font as the icon for the notification?

Answer 1

I tried wrapping up the html into a data URI using the technique described in this answer but that didn't appear to work so it seems that there is no option using the Notifications API.

You could consider using the Bootstrap Notify plugin instead, which appears to support a class for a font icon in the options.