Live data from Hacker News

Icons of all main payment operators and methods

paymentfont.io

21–30 of 65 posts

Re: Icons of all main payment operators and methods

#22

What is the advantage of using this over pngs?

PNG is raster and so they do not scale on various sizes (various devices and their screen-sizes), not to mention of the retina display that one needs to take care.

SVGs and/or Icon fonts are vector and scalable.

Re: Icons of all main payment operators and methods

#23
post #21

What is the advantage of using this over pngs?

They will scale well with high ppi screens.

To be honest, the same can be said for svg images without the need to load a css file (4KB minified) plus a font file (55-230KB).

Specially taking into account that most places will use only a few of these icons.

Re: Icons of all main payment operators and methods

#24

I dislike font icons because they look horrible on Windows. You should provide a PNG download in multiple sizes, or a generator like http://fa2png.io/

No, they don't. They looked horrible in Chrome for a long time because Chrome's rendering was screwed up unless you gave it fonts in a very specific order so it used SVG. Fun fact, Google Web Fonts never served it in that very specific order.

Yes they do. Evidence: http://i.imgur.com/WAqvAmv.png They have rough edges, wrong aspect ration in small sizes and look nasty.

Re: Icons of all main payment operators and methods

#25

Earlier quoted context omitted.

They might be, but when you're using someone else's trademark to accurately represent their business, it may not be a trademark violation within itself. So for example, if I took Hacker News' Y but used it to link to Hacker News itself, that may not be a trademark violation as I am not either hurting the brand's reputation or misleading people into thinking an association exists with the brand. But ultimately it is u…

The thing to do is check how the trademark owner feels. I believe Visa and MasterCard are fine with using their logos to show they're accepted (those stickers every store has are surely legal?), but remember that Microsoft don't let you use the word Windows in a product name, except in the form "for Windows".

These firms all have brand guidelines which are certainly not being followed/adhered to by this font. It's a nice effort but not a good idea to use in anything public.

Re: Icons of all main payment operators and methods

#27
post #17

Can I request an icon that shows the CVC code location? Pretty much every payment form has one, since for some reason people still don't know where that is. Example: https://utilityapi.com/static/media/images/graphics/cvc.svg

Don't forget, for AmEx it's four numbers on the front instead of three numbers on the back.

Re: Icons of all main payment operators and methods

#29
post #23
post #21

Earlier quoted context omitted.

They will scale well with high ppi screens.

To be honest, the same can be said for svg images without the need to load a css file (4KB minified) plus a font file (55-230KB). Specially taking into account that most places will use only a few of these icons.

I was only explaining the advantage over png. Great point about the use-case though. The average site is probably not going to offer 95 payment options/operators; a specialized svg library might be more appropriate.
Post reply on HN