Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to batch encode several .otf font files into a single CSS file. To my understanding, base64 embedded .otf fonts can be read by most browsers. Since Font-Squirrel's @font-face generator doesn't support direct base64 encoding of .otf files, I'll have to encode the fonts myself.

I found this method of using openssl in the OS X terminal to base64 encode files one at a time--and that only outputs them to individual files. Is there a way to batch encode them straight into a single CSS file?

share|improve this question
This would go well on – afrazier Feb 9 '12 at 22:46
up vote 0 down vote accepted

Check out

*Right now, SpriteBaker only encodes the first web-font file specified by each 'src' attribute in a @font-face declaration. That shouldn't be a problem. If you're batch encoding web-font files into CSS, you should only encode one web-font file per CSS file. Then you should deliver a targeted CSS file to each browser.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.