twbs / bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
https://getbootstrap.com
MIT License
170.85k stars 78.87k forks source link

Add SVG suggestions to complement icon fonts #18588

Closed patrickhlauke closed 7 years ago

patrickhlauke commented 8 years ago

http://v4-alpha.getbootstrap.com/migration/#components should mention some SVG alternatives, rather than (or at least, in addition to) icon fonts.

ref: https://speakerdeck.com/ninjanails/death-to-icon-fonts http://blog.cloudfour.com/seriously-dont-use-icon-fonts/

cvrebert commented 8 years ago

https://speakerdeck.com/ninjanails/death-to-icon-fonts?slide=19

Seems silly that the browser isn't falling back from OpenDyslexic to the icon font, given that all the icon codepoints should be in the Unicode Private Use Area where OpenDyslexic shouldn't have any glyphs. I guess the font override being used just sets something like font-family: OpenDyslexic !important; rather than prepending OpenDyslexic to the font-family lists?

thecristen commented 7 years ago

Glyph offers SVG icons, and Linea and Open Iconic offer SVG versions of their icons too.

bastienmoulia commented 7 years ago

Octicons is already in the list and use SVG instead of font.

myplaneticket commented 7 years ago

Do we really need to add icons when we have alternatives like font-awesome? I think we should focus more on simplifying the core...

bastienmoulia commented 7 years ago

@myorangeca It is only to propose alternatives to Glyphicons in the documentation, not in the core.

thiagotomasi commented 7 years ago

@patrickhlauke are you on it? Can I help you with something?

thiagotomasi commented 7 years ago

@mdo, should we proceed with this issue or not? 😄 I believe I can help with this.

mdo commented 7 years ago

A list was added in 672fde1a0235fdcf9cd324902f3ff9d874e9a9de. Closing for now.