Material Icons in IE11 not showing

@Andreas wrote:

I've implemented a function, which provides a button with an icon on it. Material Icons (Google) are included via bower.

$(go.TextBlock, {
text: 'zoom_out_map',
stroke: '#000',
font: '20px Material Icons',
margin: new go.Margin(2,-1,-3,-1),
width: 20,
height: 20,
editable: false,
isMultiline: false
}
)

This works fine for Firefox and Chrome, but in IE11 the button is empty.

Firefox:
IE11:

I found out that this is caused by a missing CSS class/property, because this code works in FF and Chrome but not in IE11:
<i style="font-family: 'Material Icons'">zoom_out_map</i>

BUT
adding this CSS class to the line above, the icon is shown properly, also in IE11
.material-icon {
font-family: 'Material Icons';
/* Support for IE. */
font-feature-settings: 'liga';
}

Now my questions: Is there any way I can set font-feature-settings: 'liga'; to the icon in GoJS, or is there a better way to include the icon?

Posts: 1

Participants: 1

Read full topic