google / material-design-icons

Material Design icons by Google (Material Symbols)
http://google.github.io/material-design-icons/
Apache License 2.0
50.64k stars 9.58k forks source link

remove all font formats in the CSS stack except woff and woff2? #594

Open Pomax opened 7 years ago

Pomax commented 7 years ago

Given that material-design-icons targets modern systems, not IE8 on windows XP, there are a few formats that no longer make any sense as part of the CSS delivery.

The only sensible format in 2017 for all currently supported browsers is WOFF (and the further optimized WOFF2). The other formats are literally redundant. Adding them in addition to WOFF offers no benefit, but increases complexity, bundle sizes, load times, and wastes bandwidth. And bad cases might lead to worse rendering (looking at you, SVG1.1 fonts).

Let's move the web forward.

jpike88 commented 3 years ago

@davelab6 isn't it time to just do this? it sucks to have to jump through more hoops just to meet the standard and this is an official google repo

MrJackdaw commented 3 years ago

Chiming in: I just followed these steps to self-host the material-UI font in a new project.

The instructions still indicate woff/woff2 and eot files, but the indicated directory (in the steps) only contains ttf, otf, and .codepoints files. Probably the wrong place for this but --

Pomax commented 3 years ago

Gotta say, those isntructions are still pretty weird: literally every browser that supports ttf also supports woff, there is literally no reason to double up, and MS really, really killed off IE 6-8, so still including eot is literally just wasting everyone's time and efforts. Finally, a font-face declaration should almost certainly never include a local(), because the whole point of the font-face is that you know the user will get the correct font, so that they get to interact with the interface you designed, not through "whatever happens to be lying around that has a naming conflict".