SVG Icons  

  RSS

Matt
 Matt
(@matt)
Member Customer
Joined: 2 years ago
Posts: 8
17/07/2019 5:06 pm  

Hello,

I hope you'll consider switching to svg icons. I recently upgraded my custom theme from Font Awesome 4 to 5, and I discovered that FA 5 does not work with GDI. GDI is enabled by default when using Chrome on older operating systems, such as Windows XP through Windows 7. Font Awesome has known about this problem for more than a year, but they do not consider it a priority. I disagree since icons are needed for basic website functionality in many cases. Here's more information.

https://github.com/FortAwesome/Font-Awesome/issues/12693

I changed all my theme icons to svg. It's very easy to do. Font Awesome also has a feature where you can use javascript to automatically switch all icons to svg, but it messes up the formatting with wpDiscuz (particularly when one icon changes to a different icon upon click).

There are many articles online explaining why svgs are superior to icon fonts.

https://css-tricks.com/icon-fonts-vs-svg/

https://www.keycdn.com/blog/icon-fonts-vs-svgs

https://www.lambdatest.com/blog/its-2019-lets-end-the-debate-on-icon-fonts-vs-svg-icons/


Quote
Astghik
(@astghik)
Support Team Admin
Joined: 2 years ago
Posts: 3475
17/07/2019 5:46 pm  

Hi @matt,

Thank you for providing the information. We really appreciate you taking time and share your idea.

I hope you'll consider switching to svg icons

Sure, we'll take into consideration for future updates. 


ReplyQuote
Share:
Green
Default
Pear
Black Emo
{green}:grinning:
{green}:wink:
{green}:face:
{green}:inlove:
{green}:sweaty:
{green}:surprised:
{green}:lovekiss:
{green}:laugh:
{green}:formalsmile:
{green}:displeased:
{green}:cool:
{green}:resent:
{green}:nerd:
{green}:screaming:
{green}:amazed:
{green}:sad:
{green}:deceitful:
{green}:starryeyes:
{green}:evil:
{green}:shocked:
{green}:tears:
{green}:sulky:
{green}:smile:
{green}:vomited:
{green}:hi:
{green}:afraid:
{green}:crazy:
{green}:rabid:
{green}:fighting:
{green}:nonoise:
{green}:blushed:
{green}:idontknow:
{green}:scared:
{green}:razz:
{green}:kiss:
{green}:eat:
{green}:shutmouth:
{green}:gape:
{green}:suspicious:
{green}:laughingoutloud:
{green}:bruise:
{green}:crying:
{green}:pray:
{green}:serious:
{green}:excitement:
:)
:d
:wink:
:mrgreen:
:neutral:
:twisted:
:arrow:
:shock:
:???:
:cool:
:evil:
:oops:
:razz:
:roll:
:cry:
:eek:
:lol:
:mad:
:sad:
:!:
:?:
:idea:
:hmm:
:beg:
:whew:
:chuckle:
:silly:
:envy:
:shutmouth:
{pear}:happy:
{pear}:smile:
{pear}:laugh:
{pear}:laughingoutloud:
{pear}:crying:
{pear}:exhausted:
{pear}:nerd:
{pear}:surprised:
{pear}:veryhungry:
{pear}:wink:
{blackemo}:laughtertotears:
{blackemo}:gift:
{blackemo}:love:
{blackemo}:inlove:
{blackemo}:shamefaced:
{blackemo}:heart:
{blackemo}:crazy:
{blackemo}:anguished:
{blackemo}:bruise:
{blackemo}:easymoney:
{blackemo}:exhausted:
{blackemo}:vampire:
{blackemo}:shutmouth:
{blackemo}:wink:
{blackemo}:carnival:
{blackemo}:flowers:
{blackemo}:hotdrink:
{blackemo}:party: