Material-design-icons: Class based version. (Non ligature)

Created on 24 Jun 2015 · 4Comments · Source: google/material-design-icons

Is there a style sheet anywhere that defines classes (like Bootstrap) instead of ligatures.

The Ligatures tend to look horrible on slow network connections.

I get they're for accessibility, but I'd rather have my own "placeholder" text then the long names Google has picked.

Example of broken UI waiting for the font to download:
hideous

Source

cdeutsch

👍5

Most helpful comment

Still seems a bad design decision to me... using a font loader will slow down the load of the font binding the loading process to javascript. The best solution in my opinion remain to stop support ligatures solution and start using something better.

cloud-walker on 30 Nov 2016

👍3

All 4 comments

Hey @crdeutsch,

No, we don't have a stylesheet, but you could avoid the FOUT by using a font loader like typekit/webfontloader or bramstein/fontloader.

shyndman on 1 Jul 2015

😕4 👎2

cloud-walker on 30 Nov 2016

👍3

I am dealing with the same problem. I spend a full day to avoid FOUT. I have even used webfontloader to integrate the material design icon font - but I don't see much effect. Agreed with cloud-walker. There should be some other way other than using ligatures.