Live data from Hacker News

Pictos Icon Font Server

pictos.cc

21–22 of 22 posts

Re: Pictos Icon Font Server

#21
post #18

Interesting service, and very well executed. The one problem that I have with pictograms-as-fonts is anti-aliasing. The designers that I work with spend hours to make their icons absolutely perfect at every pixel size that they'll be displayed at. This is particularly visible when the icon has horizontal or vertical lines. Most of the time you'll want them have a hard edge, and with anti-aliasing you can never be sur…

You can use this CSS rule to make them look like Photoshop: -webkit-font-smoothing: antialiased; only works in webkit, which is most all mobile and chrome/safari.

This doesn't seem to work in Chrome on Windows; do you know of any workarounds there? That's not really a small market segment anymore, and I'm not sure I could sell our design team on font icons without a viable solution.

Re: Pictos Icon Font Server

#22
post #2

Using a font to provide icons on your website. It appears that the Pictos way is a font-replacement method using js? My first thought is that this should be relatively easy to replicate using http://thenounproject.com (or similar) as the source of the icons. I like the idea: kind of an extension of sprites to using the font file as the sprite holder; not sure if that's any more efficient though due to the cross-brows…

Nope :) There is no JS involved. Its a straight CSS file. Browser detection is done on the server by checking the headers. it's lightning fast :)

The reason I put the question mark there was that I wasn't sure if the example I was looking at was a full demo. I forget now which page - but it was definitely doing something with JS on empty divs - pretty sure it was the display examples on the front page; looking at them with inspect element on FF... although perhaps they just look like empty divs ...
Post reply on HN