Divya Manian guides you through ins and outs of icon fonts using unicode range. Unfortunately, unicode-range is still not widely supported (only Chrome and Safari have implemented it until now).
It seems that Sass @media directive essentially doesn’t have a performance hit. Surely, It adds bloat to CSS (thus increasing the size and load time), but other than that, there shouldn’t be any drawbacks.