HN Explorer

28 comments

[ 2.1 ms ] story [ 63.6 ms ] thread
agscala
Looks nice. Why do I have to log in to browse icons? There is the widget on the homepage that cycles through them but I can't actually get it to pause so I can see what's available. That's really annoying.
alz
hi there, i worked on pictonic. thanks for the feedback. the widget should pause on hover, i'll look into that. it only shows a small random sample from the full library though. since these are premium icons we have some terms and a non-public area
agscala
You're right, it does pause on hover. Unfortunately I was hovering over the little "page" icons which don't pause
alz
ah right, yea that's a bit quirky, we'll fix that
tomjen3
Don't use hover for that. First it is not obvious because it has no affordance and secondly it doesn't work on mobile.
alz
Good points, thanks
DenisM
Can I use icon fonts with native iOS apps?
alz
good question. the font icons appear beautifully on retina displays, because they're vector. can't think of any reason they wouldn't work with a webview, but haven't tested this. in terms of native apps, i don't know, but will look into it
tomjen3
They are standard fonts so if you can set the type, why not?
alz
Totally : > I won't say yes until i've seen and tested it though
DenisM
I ask because alz needs to know I care.

That, and I'm lazy. Which alz also needs to know.

alz
Thanks, this is really good feedback. We will definately look into it
DenisM
When I did more active development of my iOS apps I was always on the lookout for good icons of this sort. Sometimes I would even do my own using a tool called ArtText2 from the image components they provided. I even sent them an email offering money for more components to build the icons from, which they never followed up on.
alz
Btw We can also provide individual icon svgs with the font pack if this is useful
DenisM
I'll get back to this when I get to overhauling the icons in my apps. Not sure when that is.
alz
hi there,

i just wanted to let you know that we've tested these on ios, and in an upcoming release we are going to make it a piece of cake to integrate pictonic's icons into your ios projects.

alan

nimblegorilla
Looks cool. In the demo I would love to be able to change the font-size beyond 20-40 px as well as add a 2nd font with regular text to see how it looks next to that.
alz
Hiya, thanks for the feedback! what info would the comparison give? Did you want to compare kerning and baselines?
nimblegorilla
I just want to look at the source for something like your example image to see what you need to do to line up the icons with other fonts.
alz
ok thanks, we'll look into this, in the meantime, it should line up pretty nicely, and its easy to mod with css
vlasta2
It looks very nice, but isn't this the wrong way to do vector graphics online? The purpose of a font as I see it is to give text certain style. This looks like a hack - using one thing in a way it was not supposed to be used. Editing the source code of a web page using this must be very unintuitive. We have SVG and while it is far from perfect, at least it is supposed to represent pictures. And can use more than 1 color...
crazygringo
Theoretically you're right, but SVG doesn't work in IE, so it's not a realistic option for most developers. Icon fonts are scalable, retina-ready and actually work.
[dead] wavephorm
http://fontello.com/ is free and has nearly all the same icons. And you can mix and match icons into a custom font. I used it recently in a project and ended up with a 5KB font.
erichocean
I'd like to see JavaScript code provided that is capable of drawing the same thing in a Canvas2D context. I can work with you on what that would look like.

(I'm the author of Blossom, an upgrade to SproutCore that does all UI elements in Canvas -- see https://github.com/fohr/blossom.)

UPDATE: Yes, I'm aware there are SVG converters out there. It's still annoying.

alz
Interesting, yea I guess that's exactly what would be required to achieve this, a function capable of reliably translating between path data formats and also canvas instructions. Path data can be annoying though, so many ways to express the same thing. Happy to collab on a jsfiddle? Once we have that the rest should be fairy simple.