I’m doing more research on best practices for retina display, which includes a lot of tablets. In the previous post, I discussed best practices for using images. But don’t forget that images are often used for icons and buttons. I long ago switched over to only CSS text buttons with the help of www.cssbuttongenerator.com/, but there is a way to make those icons out of fonts, which are scalable and work great with the new retina displays. One such set that is open source (you can use it for your commercial projects for free) is FontAwesome Icon Set. You can even use it with a smaller file size by just choosing the icons you want here: www.icnfnt.com
Just a quick note of warning, if you need these icons to link to something, you might have to add a space in the code to make the area big enough to click on. So, instead of
You might need
Leave a Reply