Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Programming fonts

s9w.github.io

Post reply on HN
Print view View original

11–20 of 72 posts

Re: Programming fonts

#11

Post by sabarjp »

pbnjay wrote: post #4

Looks pretty neat! - Can you render the fonts at higher DPI? It doesn't look good on a retina screen at all. Ex: http://i.imgur.com/HiclAPI.png

Looks like all the font strings are images (makes sense, most of those aren't web fonts). I would also love retina images, since fonts can look vastly different between say, a MacBook Pro, a windows desktop at 1080p, or a low resolution remote desktop.

Re: Programming fonts

#12

Post by s9w »

theophrastus wrote: post #9

Very useful! - but i'd humbly ask why any programming font set with a non-struck zero would be associated with a green indicator, (e.g. Droid Sans Mono, Luxi Mono). Perhaps the associated green/red don't mean what i think they might?

The red/green are anti-alias indicator. They're stay red for bitmap fonts even with AA toggled on to signal that they cannot be anti-aliased. Maybe I should make that clearer

Re: Programming fonts

#13

Post by sabarjp »

s9w wrote: post #8
pbnjay wrote: post #4

Looks pretty neat! - Can you render the fonts at higher DPI? It doesn't look good on a retina screen at all. Ex: http://i.imgur.com/HiclAPI.png

Well screenshots are just screenshots and are dpi-indepandant. But the compare mode has a 2X zoom button for this. Not enough? I could use bigger font sizes, but that's not without trouble

The problem is that non-retina images get doubled in size on a retina display, so it looks blurry. I suggest providing 2x sized images. You can use media queries to show different sized images or rely on down-sampling. There's a few different strategies.

Re: Programming fonts

#14

Post by theophrastus »

s9w wrote: post #12
theophrastus wrote: post #9

Very useful! - but i'd humbly ask why any programming font set with a non-struck zero would be associated with a green indicator, (e.g. Droid Sans Mono, Luxi Mono). Perhaps the associated green/red don't mean what i think they might?

The red/green are anti-alias indicator. They're stay red for bitmap fonts even with AA toggled on to signal that they cannot be anti-aliased. Maybe I should make that clearer

Thank you! Nice you highlighted comparison of little nasties like lowercase "l" (ell) nearly indistiguishable from a "1" (one) (like "Envy Code R") (horribly burnt by that in a Fortran program long ago with "k = l" instead of desired "k = 1" (i didn't write that, just spend days of debugging it))

Re: Programming fonts

#15

Post by joonoro »

Ah this has reminded me how awesome gdipp is [0]. For those who don't know, it's an alternative renderer for Windows that makes the fonts look a lot better. The only downsides are that it hasn't been updated in years and that it breaks the font rendering in a few applications (notably Chrome and Skype).

[0] https://code.google.com/p/gdipp/

Re: Programming fonts

#16

Post by s9w »

sabarjp wrote: post #13
s9w wrote: post #8

Earlier quoted context omitted.

Well screenshots are just screenshots and are dpi-indepandant. But the compare mode has a 2X zoom button for this. Not enough? I could use bigger font sizes, but that's not without trouble

The problem is that non-retina images get doubled in size on a retina display, so it looks blurry. I suggest providing 2x sized images. You can use media queries to show different sized images or rely on down-sampling. There's a few different strategies.

oh wait, ALL images get 2x upscaled? That sounds crazy. There are double-sized samples in the compare mode. But if they're still upscaled by macOS, what can I do?

Re: Programming fonts

#19

Post by protomyth »

s9w wrote: post #16
sabarjp wrote: post #13

Earlier quoted context omitted.

The problem is that non-retina images get doubled in size on a retina display, so it looks blurry. I suggest providing 2x sized images. You can use media queries to show different sized images or rely on down-sampling. There's a few different strategies.

oh wait, ALL images get 2x upscaled? That sounds crazy. There are double-sized samples in the compare mode. But if they're still upscaled by macOS, what can I do?

I cannot vouch for this one, but Apple has a suggestion https://developer.apple.com/library/safari/documentation/Net...
Post reply on HN