I am currently implementing the Material Icons font with AngularJS for a Cordova app on both Android and iOS.
However, I've encountered an issue where certain older versions of Android (4.X) require me to use the "old" method of displaying icons, as shown below:
<!-- For modern browsers. -->
<i class="material-icons">arrow_back</i>
<!-- For IE9 or below. -->
<i class="material-icons"></i>
Before updating all the icons in my project to use the hex method, I have a few questions:
Questions :
- Is it advisable to solely rely on the old method () for displaying icons, even on modern browsers? Will this compatibility be phased out by modern browsers in the future?
- Is there a suitable way (using AngularJS, pure JS, or HTML if possible) to detect whether the browser supports the modern display method and automatically switch to the hex code if not?