8 ms·
Generate iconfonts from probably the largest premium vector icon set on the web
- agscala 14y agoLooks 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 14y agohi 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 14y agoYou're right, it does pause on hover. Unfortunately I was hovering over the little "page" icons which don't pause
- alz 14y agoah right, yea that's a bit quirky, we'll fix that
- tomjen3 14y agoDon't use hover for that. First it is not obvious because it has no affordance and secondly it doesn't work on mobile.
- alz 14y agoGood points, thanks
- DenisM 14y agoCan I use icon fonts with native iOS apps?
- alz 14y agogood 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 14y agoThey are standard fonts so if you can set the type, why not?
- alz 14y agoTotally : > I won't say yes until i've seen and tested it though
- DenisM 14y agoI ask because alz needs to know I care. That, and I'm lazy. Which alz also needs to know.
- alz 14y agoThanks, this is really good feedback. We will definately look into it
- DenisM 14y agoWhen 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 14y agoBtw We can also provide individual icon svgs with the font pack if this is useful
- nimblegorilla 14y agoLooks 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 14y agoHiya, thanks for the feedback! what info would the comparison give? Did you want to compare kerning and baselines?
- nimblegorilla 14y agoI 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 14y agook thanks, we'll look into this, in the meantime, it should line up pretty nicely, and its easy to mod with css
- thinkbohemian 14y agoNo github icon D:
- alz 14y agofacepalm ...we'll add this for sure
- vlasta2 14y agoIt 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 14y agoTheoretically 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.
- wavephorm 14y agohttp://fontello.com/ 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 14y agoI'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. https://github.com/fohr/blossom.) UPDATE: Yes, I'm aware there are SVG converters out there. It's still annoying.
- alz 14y agoInteresting, 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.
- erichocean 14y agoI'd start with this and see what the output looks like: http://www.professorcloud.com/svg-to-canvas/ http://www.professorcloud.com/svg-to-canvas/