Live data from Hacker News

Icons of all main payment operators and methods

paymentfont.io

31–40 of 65 posts

Re: Icons of all main payment operators and methods

#31
post #9

Earlier quoted context omitted.

I've never heard of this problem, and it doesn't look like it's googlable. Screenshot?

Windows and OS X use different methods of hinting where Windows attempts to stay true to the typeface and OS X attempts to provide a provide a smoother, more readable version. Webkit browsers give you some level of control with subpixel rendering CSS attributes, but fonts might still look awful in Firefox or IE on Windows.

It's my understanding that it is Apple that attempts to preserve the design of the typeface, not Microsoft:

http://www.joelonsoftware.com/items/2007/06/12.html

Re: Icons of all main payment operators and methods

#34

Earlier quoted context omitted.

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.

Try disabling Direct Write. Chrome 37 pushed a fix for the font aliasing problem that resolved it for most users but made it worse for a few. See this ticket for details: https://code.google.com/p/chromium/issues/detail?id=444141 (sucks that this is still an issue so many years later)

Re: Icons of all main payment operators and methods

#35
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.

An icon font generator/subsetting tool can produce a font file that includes only the icons that are needed.

Re: Icons of all main payment operators and methods

#37

Earlier quoted context omitted.

Windows and OS X use different methods of hinting where Windows attempts to stay true to the typeface and OS X attempts to provide a provide a smoother, more readable version. Webkit browsers give you some level of control with subpixel rendering CSS attributes, but fonts might still look awful in Firefox or IE on Windows.

It's my understanding that it is Apple that attempts to preserve the design of the typeface, not Microsoft: http://www.joelonsoftware.com/items/2007/06/12.html

Also Windows 8 uses subpixel positioned grayscale, rather than subpixel positioned ClearType. When you rotate a tablet by 90degrees ClearType doesn't work.

Re: Icons of all main payment operators and methods

#39

Earlier quoted context omitted.

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

Try disabling Direct Write. Chrome 37 pushed a fix for the font aliasing problem that resolved it for most users but made it worse for a few. See this ticket for details: https://code.google.com/p/chromium/issues/detail?id=444141 (sucks that this is still an issue so many years later)

That's not Chrome, it's Firefox. Looks the same on my machine as well, all jaggedy. I'm using FF 36. Let me go update and see if there's a difference...

No difference on 37. They just look terrible. http://i.imgur.com/exrS0u9.png

EDIT: Wow, looks like turning ClearType OFF makes the font icons look much better: http://i.imgur.com/dwwagZN.png

Interesting.

Post reply on HN